@media screen and (min-width: 1200px) {
  html {
    font-size: calc(11px + 0.5 * (100vw - 1200px) / 100);
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  html {
    font-size: calc(8px + 1 * (100vw - 992px) / 100);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  html {
    font-size: calc(6.4px + 1 * (100vw - 768px) / 100);
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: calc(7.4px + 1 * (100vw - 768px) / 100);
  }
}