html {
  font-size: 16px;
  line-height: 28px;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

@media only screen and (max-width: 359px) and (min-width: 320px) {
  .st, p, h6 {
    font-size: 16px;
    line-height: 28px;
  }
  .mt, h4, h5 {
    font-size: 18px;
    line-height: 32px;
  }
  .lt, h3 {
    font-size: 16px;
    line-height: 28px;
  }
  .xlt, h1, h2 {
    font-size: 22px;
    line-height: 36px;
  }
  .slt {
    font-size: 22px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 399px) and (min-width: 360px) {
  .st, p, h6 {
    font-size: 16px;
    line-height: 28px;
  }
  .mt, h4, h5 {
    font-size: 18px;
    line-height: 32px;
  }
  .lt, h3 {
    font-size: 18px;
    line-height: 32px;
  }
  .xlt, h1, h2 {
    font-size: 24px;
    line-height: 40px;
  }
  .slt {
    font-size: 24px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 479px) and (min-width: 400px) {
  html {
    font-size: 36px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h3 {
    font-size: 18px;
    line-height: 32px;
  }
  .xlt, h1, h2 {
    font-size: 26px;
    line-height: 44px;
  }
  .slt {
    font-size: 26px;
    line-height: 44px;
  }
}

@media only screen and (max-width: 559px) and (min-width: 480px) {
  html {
    font-size: 40px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h3 {
    font-size: 18px;
    line-height: 32px;
  }
  .xlt, h1, h2 {
    font-size: 32px;
    line-height: 52px;
    font-weight: 300;
  }
  .slt {
    font-size: 32px;
    line-height: 52px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 639px) and (min-width: 560px) {
  html {
    font-size: 44px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h3 {
    font-size: 22px;
    line-height: 36px;
  }
  .xlt, h1, h2 {
    font-size: 34px;
    line-height: 56px;
    font-weight: 300;
  }
  .slt {
    font-size: 34px;
    line-height: 56px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 719px) and (min-width: 640px) {
  html {
    font-size: 48px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h3 {
    font-size: 22px;
    line-height: 36px;
  }
  .xlt, h1, h2 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
  }
  .slt {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 799px) and (min-width: 720px) {
  html {
    font-size: 48px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h3 {
    font-size: 22px;
    line-height: 36px;
  }
  .xlt, h1, h2 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
  }
  .slt {
    font-size: 38px;
    line-height: 64px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 959px) and (min-width: 800px) {
  html {
    font-size: 48px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 24px;
    line-height: 40px;
  }
  .xlt, h1 {
    font-size: 38px;
    line-height: 64px;
    font-weight: 300;
  }
  .slt {
    font-size: 42px;
    line-height: 68px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1119px) and (min-width: 960px) {
  html {
    font-size: 52px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 26px;
    line-height: 44px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 42px;
    line-height: 68px;
    font-weight: 300;
  }
  .slt {
    font-size: 46px;
    line-height: 76px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1279px) and (min-width: 1120px) {
  html {
    font-size: 52px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 28px;
    line-height: 48px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 44px;
    line-height: 72px;
    font-weight: 300;
  }
  .slt {
    font-size: 50px;
    line-height: 84px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1439px) and (min-width: 1280px) {
  html {
    font-size: 56px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 32px;
    line-height: 52px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 46px;
    line-height: 76px;
    font-weight: 300;
  }
  .slt {
    font-size: 56px;
    line-height: 92px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1599px) and (min-width: 1440px) {
  html {
    font-size: 72px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 34px;
    line-height: 56px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 48px;
    line-height: 80px;
    font-weight: 300;
  }
  .slt {
    font-size: 60px;
    line-height: 100px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1759px) and (min-width: 1600px) {
  html {
    font-size: 88px;
  }
  .st, p, h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .mt, h4, h5 {
    font-size: 22px;
    line-height: 36px;
  }
  .lt, h2, h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 50px;
    line-height: 84px;
    font-weight: 300;
  }
  .slt {
    font-size: 64px;
    line-height: 104px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1919px) and (min-width: 1760px) {
  html {
    font-size: 104px;
  }
  .st, p, h6 {
    font-size: 22px;
    line-height: 36px;
  }
  .mt, h4, h5 {
    font-size: 28px;
    line-height: 48px;
  }
  .lt, h2, h3 {
    font-size: 38px;
    line-height: 64px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 54px;
    line-height: 88px;
    font-weight: 300;
  }
  .slt {
    font-size: 66px;
    line-height: 108px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 2079px) and (min-width: 1920px) {
  html {
    font-size: 120px;
  }
  .st, p, h6 {
    font-size: 22px;
    line-height: 36px;
  }
  .mt, h4, h5 {
    font-size: 28px;
    line-height: 48px;
  }
  .lt, h2, h3 {
    font-size: 42px;
    line-height: 68px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 56px;
    line-height: 92px;
    font-weight: 300;
  }
  .slt {
    font-size: 67px;
    line-height: 112px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 2239px) and (min-width: 2080px) {
  html {
    font-size: 136px;
  }
  .st, p, h6 {
    font-size: 24px;
    line-height: 40px;
  }
  .mt, h4, h5 {
    font-size: 32px;
    line-height: 52px;
  }
  .lt, h2, h3 {
    font-size: 44px;
    line-height: 72px;
    font-weight: 300;
  }
  .xlt, h1 {
    font-size: 58px;
    line-height: 96px;
    font-weight: 300;
  }
  .slt {
    font-size: 70px;
    line-height: 116px;
    font-weight: 300;
  }
}