@media screen and (min-width: 1px) and (max-width: 213px) {
  html {
    font-size: 9.09px
  }
}

@media screen and (min-width: 214px) and (max-width: 320px) {
  html {
    font-size: 13.65px
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 15.36px
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 16px
  }
}

@media screen and (min-width: 376px) and (max-width: 384px) {
  html {
    font-size: 16.38px
  }
}

@media screen and (min-width: 385px) and (max-width: 400px) {
  html {
    font-size: 17.07px
  }
}

@media screen and (min-width: 401px) and (max-width: 415px) {
  html {
    font-size: 17.71px
  }
}

@media screen and (min-width: 416px) and (max-width: 926px) {
  html {
    font-size: 18.09px
  }
}