@font-face {
    font-family: 'calligraffiti';
    src: url('../fonts/calligraffiti-webfont.woff2') format('woff2'),
         url('../fonts/calligraffiti-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBold';
    src: url('../fonts/allerbold-webfont.woff2') format('woff2'),
         url('../fonts/allerbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.calligrafy {
    font-family: "calligraffiti", "Roboto";
    font-weight: 500;
}

.allerbold {
    font-family: "AllerBold", "Roboto";
    font-weight: 500;
}

.top-spacer10 {
  margin-top:20px;
}

.top-spacer20 {
  margin-top:20px;
}

.top-spacer30 {
  margin-top:30px;
}

.top-spacer40 {
  margin-top:30px;
}

.word-spacer {
   word-spacing: -20px;
}

.miieu {
  color: #fff;
}

.miieu p {
  color: rgba(255, 255, 255, 0.85);
}

.miieu h2 {
  font-size: 36px;
  font-weight: 500;
}

span {
   word-spacing: normal;
   display: inline-block;
}

.slogan p {
  font-family: "calligraffiti", "Roboto";
  font-weight: 700;
  font-size: 26px;
  color: #FFFFFF;
  word-spacing: 3px;
  letter-spacing: 1px;
}

.font-size10{ font-size: 10px; }
.font-size11{ font-size: 11px; }
.font-size12{ font-size: 12px; }
.font-size13{ font-size: 13px; }
.font-size14{ font-size: 14px; }
.font-size16{ font-size: 16px; }
.font-size18{ font-size: 18px; }
.font-size20{ font-size: 20px; }
.font-size24{ font-size: 24px; }
.font-size30{ font-size: 30px !important; }
.font-size36{ font-size: 32px !important; }
.font-size36{ font-size: 36px; }
.font-size48{ font-size: 48px; }
.font-size60{ font-size: 60px; }
.font-size72{ font-size: 72px; }
.font-size90{ font-size: 90px; }
.font-size120{ font-size: 120px; }
.font-size144{ font-size: 144px; }

.color-bleu { color: #9E9E9C; }
.color-fushia { color: #FA08A8; }