@media screen and (max-width: 320px) {
  html {
    font-size: 225%;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 425%;
  }
}

@media screen and (min-width: 992px) {
  html {
    font-size: 450%;
  }
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 625%;
  }
}