@media only screen and (min-width: 320px) {
    html {
      font-size: 42.666px !important;
    }
  }
  @media only screen and (min-width: 360px) {
    html {
      font-size: 48px !important;
    }
  }
  @media only screen and (min-width: 375px) {
    html {
      font-size: 50px !important;
    }
  }
  @media only screen and (min-width: 414px) {
    html {
      font-size: 55.2px !important;
    }
  }
  @media only screen and (min-width: 480px) {
    html {
      font-size: 64px !important;
    }
  }

  @media (min-width: 700px) {
    html {
      font-size: 65px !important;
    }
  }
  @media (min-width: 800px) {
    html {
      font-size: 70px !important;
    }
  }
  @media (min-width: 900px) {
    html {
      font-size: 80px !important;
    }
  }
  @media (min-width: 1066px) {
    html {
      font-size: 100px !important;
    }
  }