@media (min-width: 800px) {
  html {
    font-size: 4.05px;
  }
  body{
    font-size: 5px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 5.2px;
  }
  body{
    font-size: 7px;
  }
}


@media (min-width: 1152px) {
  html {
    font-size: 5.8px;
  }
  body{
    font-size: 7.6px;
  }
}

@media (min-width: 1280px) {
  html {
    font-size: 6.5px;
  }
  body{
    font-size: 7.6px;
  }
}

@media (min-width: 1360px) {
  html {
    font-size: 7px;
  }
  body{
    font-size: 9px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 7px;
  }
  body{
    font-size: 9px;
  } 
}
@media (min-width: 1400px) {
  html {
    font-size: 7.2px;
  }
  body{
    font-size: 9.2px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 7.4px;
  }
  body{
    font-size: 9.4px;
  }
}


@media (min-width: 1600px) {
  html {
    font-size: 8.2px;
  }
  body{
    font-size: 10px;
  }
}

@media (min-width: 1680px) {
  html {
    font-size: 8.6px;
  }
  body{
    font-size: 10px;
  }
}
@media (min-width: 1910px) {
  html {
    font-size: 9.8px;
  }
  body{
    font-size: 11.4px;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 9.8px;
  }
  body{
    font-size: 11.4px;
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 13px;
  }
  body{
    font-size: 15px;
  }
}

@media (min-width: 2880px) {
  html {
    font-size: 14.6px;
  }
  body{
    font-size: 16px;
  }
}

@media (min-width: 3840px) {
  html {
    font-size: 19.6px;
  }
  body{
    font-size: 22px;
  }
}

@media (min-width: 5120px) {
  html {
    font-size: 26.6px;
  }
  body{
    font-size: 28px;
  }
}

@media (min-width: 7680px) {
  html {
    font-size: 39.4px;
  }
  body{
    font-size: 45px;
  }
}