/*----------------------
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-16,
.t14-16 p,
.t14-16 li,
.t14-16 h1,
.t14-16 h2,
.t14-16 h3,
.t14-16 h4,
.t14-16 h5,
.t14-16 h6 {
  font-size: 14px;
  line-height: 1.4em;
  @media (max-width: 640px) {
    font-size: 16px;
  }
}
.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;
  }
}

.t30,
.t30 p,
.t30 h1,
.t30 h2,
.t30 h3,
.t30 h4,
.t30 h5,
.t30 h6,
.t30 li {
  line-height: 1.2em;
  letter-spacing: 0.03em;
  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,
.t35 p,
.t35 h1,
.t35 h2,
.t35 h3,
.t35 h4,
.t35 h5,
.t35 h6,
.t35 li {
  line-height: 1.2em;
  letter-spacing: 0.02em;
  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.9em;
  letter-spacing: 0.02em;
  font-size: calc(40px + (95 - 40) * ((100vw - 390px) / (1920 - 390)));
  @media (min-width: 1920px) {
    font-size: 95px;
  }
}

.t105-60 {
  line-height: 0.85em;
  letter-spacing: 0.02em;
  font-size: calc(60px + (105 - 60) * ((100vw - 390px) / (1920 - 390)));
  @media (min-width: 1920px) {
    font-size: 105px;
  }
}

.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;
  }
}