/*----------------------
SIZES
----------------------*/
.t11,
.t11 p,
.t11 li,
.t11 h1,
.t11 h2,
.t11 h3,
.t11 h4,
.t11 h5,
.t11 h6 {
  font-size: 11px;
  line-height: 1.2em;
  letter-spacing: 0.03em;
}

.t11-14,
.t11-14 p,
.t11-14 li,
.t11-14 h1,
.t11-14 h2,
.t11-14 h3,
.t11-14 h4,
.t11-14 h5,
.t11-14 h6 {
  font-size: 11px;
  line-height: 1.2em;
  letter-spacing: 0.03em;

  @media (max-width: 640px) {
    font-size: 14px;
  }
}

.t12,
.t12 p,
.t12 li,
.t12 h1,
.t12 h2,
.t12 h3,
.t12 h4,
.t12 h5,
.t12 h6 {
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing: 0.03em;
}

.t13,
.t13 p,
.t13 li,
.t13 h1,
.t13 h2,
.t13 h3,
.t13 h4,
.t13 h5,
.t13 h6 {
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0.03em;
}

.t13-14,
.t13-14 p,
.t13-14 li,
.t13-14 h1,
.t13-14 h2,
.t13-14 h3,
.t13-14 h4,
.t13-14 h5,
.t13-14 h6 {
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0.03em;

  @media (max-width: 640px) {
    font-size: 14px;
  }
}

.t14,
.t14 p,
.t14 li,
.t14 h1,
.t14 h2,
.t14 h3,
.t14 h4,
.t14 h5,
.t14 h6 {
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.03em;
}

.t14-11,
.t14-11 p,
.t14-11 li,
.t14-11 h1,
.t14-11 h2,
.t14-11 h3,
.t14-11 h4,
.t14-11 h5,
.t14-11 h6 {
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: 0.03em;

  @media (max-width: 640px) {
    font-size: 11px;
  }
}

.t14,
.t14 p,
.t14 li,
.t14 h1,
.t14 h2,
.t14 h3,
.t14 h4,
.t14 h5,
.t14 h6 {
  font-size: 14px;
  line-height: 1.4em;
}

.t18,
.t18 p,
.t18 h1,
.t18 h2,
.t18 h3,
.t18 h4,
.t18 h5,
.t18 h6,
.t18 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: 18px;
}

.t18-11,
.t18-11 p,
.t18-11 h1,
.t18-11 h2,
.t18-11 h3,
.t18-11 h4,
.t18-11 h5,
.t18-11 h6,
.t18-11 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: calc(11px + (18 - 11) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 18px;
  }
}

.t18-14,
.t18-14 p,
.t18-14 h1,
.t18-14 h2,
.t18-14 h3,
.t18-14 h4,
.t18-14 h5,
.t18-14 h6,
.t18-14 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: calc(14px + (18 - 14) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 18px;
  }
}

.t18-16,
.t18-16 p,
.t18-16 h1,
.t18-16 h2,
.t18-16 h3,
.t18-16 h4,
.t18-16 h5,
.t18-16 h6,
.t18-16 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 18px;
  }
}

.t20-14,
.t20-14 p,
.t20-14 h1,
.t20-14 h2,
.t20-14 h3,
.t20-14 h4,
.t20-14 h5,
.t20-14 h6,
.t20-14 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: calc(14px + (20 - 14) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 20px;
  }
}

.t24-18,
.t24-18 p,
.t24-18 h1,
.t24-18 h2,
.t24-18 h3,
.t24-18 h4,
.t24-18 h5,
.t24-18 h6,
.t24-18 li {
  line-height: 1.15em;
  font-size: calc(18px + (24 - 18) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 24px;
  }
}

.t24-20,
.t24-20 p,
.t24-20 h1,
.t24-20 h2,
.t24-20 h3,
.t24-20 h4,
.t24-20 h5,
.t24-20 h6,
.t24-20 li {
  line-height: 1.15em;
  font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 24px;
  }
}

.t25,
.t25 p,
.t25 h1,
.t25 h2,
.t25 h3,
.t25 h4,
.t25 h5,
.t25 h6,
.t25 li {
  line-height: 1.15em;
  font-size: 25px;
  letter-spacing: 0.03em;
}

.t25-16,
.t25-16 p,
.t25-16 h1,
.t25-16 h2,
.t25-16 h3,
.t25-16 h4,
.t25-16 h5,
.t25-16 h6,
.t25-16 li {
  line-height: 1.15em;
  font-size: calc(16px + (25 - 16) * ((100vw - 390px) / (1920 - 390)));
  letter-spacing: 0.03em;

  @media (min-width: 1920px) {
    font-size: 25px;
  }
}

.t27-30,
.t27-30 p,
.t27-30 h1,
.t27-30 h2,
.t27-30 h3,
.t27-30 h4,
.t27-30 h5,
.t27-30 h6,
.t27-30 li {
  line-height: 1.15em;
  font-size: 27px;
  letter-spacing: 0.02em;

  @media (max-width: 700px) {
    font-size: 30px;
  }
}

.t35-16,
.t35-16 p,
.t35-16 h1,
.t35-16 h2,
.t35-16 h3,
.t35-16 h4,
.t35-16 h5,
.t35-16 h6,
.t35-16 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  font-size: calc(16px + (35 - 16) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 35px;
  }
}

.t35-30,
.t35-30 p,
.t35-30 h1,
.t35-30 h2,
.t35-30 h3,
.t35-30 h4,
.t35-30 h5,
.t35-30 h6,
.t35-30 li {
  line-height: 1.2em;
  letter-spacing: 0.02em;
  font-size: calc(30px + (35 - 30) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 35px;
  }
}

.t35-40,
.t35-40 p,
.t35-40 h1,
.t35-40 h2,
.t35-40 h3,
.t35-40 h4,
.t35-40 h5,
.t35-40 h6,
.t35-40 li {
  line-height: 1.2em;
  letter-spacing: 0.02em;
  font-size: 35px;

  @media (max-width: 640px) {
    font-size: 40px;
  }
}

.t47 {
  font-size: 47px;
  line-height: 1.3em;
}

.t50 {
  font-size: calc(40px + (50 - 40) * ((100vw - 390px) / (1920 - 390)));
  line-height: 0.96em;

  @media (min-width: 1920px) {
    font-size: 50px;
  }
}

.t50-30 {
  font-size: calc(30px + (50 - 30) * ((100vw - 390px) / (1920 - 390)));
  line-height: 0.96em;

  @media (min-width: 1920px) {
    font-size: 50px;
  }
}

.t70 {
  font-size: 70px;
  line-height: 0.96em;
}

.t85-35 {
  line-height: 0.96em;
  letter-spacing: 0.02em;
  font-size: calc(35px + (85 - 35) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 85px;
  }
}

.t85-60 {
  line-height: 0.96em;
  letter-spacing: 0.02em;
  font-size: calc(60px + (85 - 60) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 85px;
  }
}

.t95-40 {
  line-height: 0.96em;
  letter-spacing: 0.02em;
  font-size: calc(40px + (95 - 40) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 95px;
  }
}

.t200-40 {
  line-height: 0.96em;
  letter-spacing: 0.02em;
  font-size: calc(40px + (200 - 40) * ((100vw - 390px) / (1920 - 390)));

  @media (min-width: 1920px) {
    font-size: 200px;
  }
}

/*************************
PROVISIONAL 
*************************/
.t12,
.text-12,
.text-12 * {
  line-height: 1.1em;
  font-size: 12px;
  @media (min-width: 1512px) {
    font-size: calc(9px + (12 - 9) * ((100vw - 1512px) / (1920 - 1512)));
  }
}

.t15,
.text-15,
.text-15 *,
.page-legal__text p,
.page-legal__text h5,
.page-legal__text h6,
.page-legal__text ul,
.page-legal__text ol {
  line-height: 1.2em;
  font-size: 15px;

  @media (min-width: 1512px) {
    font-size: calc(15px + (17 - 15) * ((100vw - 1512px) / (1920 - 1512)));
  }
}

.t22,
.text-22,
.text-22 *,
.page-legal__text h3,
.page-legal__text h4 {
  line-height: 1.1em;
  font-size: calc(17px + (22 - 17) * ((100vw - 402px) / (1512 - 402)));
  letter-spacing: -0.02em;
}

.t28,
.text-28,
.text-28 *,
.page-legal__text h1,
.page-legal__text h2 {
  line-height: 1.1em;
  font-size: calc(20px + (28 - 20) * ((100vw - 402px) / (1512 - 402)));
  letter-spacing: -0.02em;
}

.t46,
.text-46,
.text-46 * {
  line-height: 1.1em;
  font-size: calc(30px + (46 - 30) * ((100vw - 402px) / (1512 - 402)));
  letter-spacing: -0.05em;
}

.t100,
.text-100,
.text-100 * {
  line-height: 0.9em;
  font-size: calc(30px + (100 - 30) * ((100vw - 402px) / (1512 - 402)));
}

.t150,
.text-150,
.text-150 * {
  line-height: 0.9em;
  font-size: calc(50px + (150 - 50) * ((100vw - 402px) / (1512 - 402)));
}

.t200,
.text-200,
.text-200 * {
  line-height: 0.9em;
  font-size: calc(70px + (200 - 70) * ((100vw - 402px) / (1512 - 402)));
}

.t150-bis,
.text-150-bis,
.text-150-bis * {
  line-height: 0.9em;
  font-size: calc(30px + (150 - 30) * ((100vw - 402px) / (1512 - 402)));

  @media(max-width: 620px) {
    font-size: 40px;
  }
}

.t660,
.text-660,
.text-660 * {
  line-height: 0.9em;
  font-size: calc(100px + (660 - 100) * ((100vw - 402px) / (1512 - 402)));

  @media(max-width: 620px) {
    font-size: 100px;
  }
}