@media (max-width: 2000px) {
  html {
    font-size: 14.5px;
  }
}

@media (max-width: 1670px) {
  html {
    font-size: 14.5px;
  }
}

@media (max-width: 1570px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 1470px) {
  html {
    font-size: 13px;
  }
}

@media (max-width: 1370px) {
  html {
    font-size: 12.5px;
  }
}

@media (max-width: 1350px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 1290px) {
  html {
    font-size: 11.5px;
  }
}

@media (max-width: 1250px) {
  html {
    font-size: 11px;
  }
}

@media (max-width: 1200px) {
  html {
    font-size: 10px;
  }
}

@media (max-width: 1100px) {
  html {
    font-size: 9px;
  }
}

@media (max-width: 990px) {
  html {
    font-size: 8px;
  }
}

@media (max-width: 880px) {
  html {
    font-size: 7px;
  }
}

/* =========================================================== */

@media (max-height: 1050px) {
  html {
    font-size: 15px;
  }
}

@media (max-height: 960px) {
  html {
    font-size: 14px;
  }
}

@media (max-height: 900px) {
  html {
    font-size: 13px;
  }
}

@media (max-height: 840px) {
  html {
    font-size: 12px;
  }
}

@media (max-height: 780px) {
  html {
    font-size: 11px;
  }
}

@media (max-height: 720px) {
  html {
    font-size: 10px;
  }
}