@media (min-width: 100px) {
  html {
    font-size: 13.3333px;
  }
}
@media (min-width: 125px) {
  html {
    font-size: 16.6667px;
  }
}
@media (min-width: 150px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 175px) {
  html {
    font-size: 23.3333px;
  }
}
@media (min-width: 200px) {
  html {
    font-size: 26.6667px;
  }
}
@media (min-width: 225px) {
  html {
    font-size: 30px;
  }
}
@media (min-width: 250px) {
  html {
    font-size: 33.3333px;
  }
}
@media (min-width: 275px) {
  html {
    font-size: 36.6667px;
  }
}
@media (min-width: 300px) {
  html {
    font-size: 40px;
  }
}
@media (min-width: 325px) {
  html {
    font-size: 43.3333px;
  }
}
@media (min-width: 350px) {
  html {
    font-size: 46.6667px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media (min-width: 400px) {
  html {
    font-size: 53.3333px;
  }
}
@media (min-width: 425px) {
  html {
    font-size: 56.6667px;
  }
}
@media (min-width: 450px) {
  html {
    font-size: 60px;
  }
}
@media (min-width: 475px) {
  html {
    font-size: 63.3333px;
  }
}
@media (min-width: 500px) {
  html {
    font-size: 66.6667px;
  }
}
@media (min-width: 525px) {
  html {
    font-size: 70px;
  }
}
@media (min-width: 550px) {
  html {
    font-size: 73.3333px;
  }
}
@media (min-width: 575px) {
  html {
    font-size: 76.6667px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 80px;
  }
}
@media (min-width: 625px) {
  html {
    font-size: 83.3333px;
  }
}
@media (min-width: 650px) {
  html {
    font-size: 86.6667px;
  }
}
@media (min-width: 675px) {
  html {
    font-size: 90px;
  }
}
@media (min-width: 700px) {
  html {
    font-size: 93.3333px;
  }
}
@media (min-width: 725px) {
  html {
    font-size: 96.6667px;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 100px;
  }
}