/* Base font size */
html {
  font-size: 19px;
}
@media only screen and (max-width: 4000px) {
  html {
    font-size: 19px;
  }
}
@media only screen and (max-width: 3929px) {
  html {
    font-size: 18.88px;
  }
}
@media only screen and (max-width: 3857px) {
  html {
    font-size: 18.76px;
  }
}
@media only screen and (max-width: 3786px) {
  html {
    font-size: 18.63px;
  }
}
@media only screen and (max-width: 3714px) {
  html {
    font-size: 18.51px;
  }
}
@media only screen and (max-width: 3643px) {
  html {
    font-size: 18.39px;
  }
}
@media only screen and (max-width: 3571px) {
  html {
    font-size: 18.27px;
  }
}
@media only screen and (max-width: 3500px) {
  html {
    font-size: 18.14px;
  }
}
@media only screen and (max-width: 3429px) {
  html {
    font-size: 18.02px;
  }
}
@media only screen and (max-width: 3357px) {
  html {
    font-size: 17.9px;
  }
}
@media only screen and (max-width: 3286px) {
  html {
    font-size: 17.78px;
  }
}
@media only screen and (max-width: 3214px) {
  html {
    font-size: 17.65px;
  }
}
@media only screen and (max-width: 3143px) {
  html {
    font-size: 17.53px;
  }
}
@media only screen and (max-width: 3071px) {
  html {
    font-size: 17.41px;
  }
}
@media only screen and (max-width: 3000px) {
  html {
    font-size: 17.29px;
  }
}
@media only screen and (max-width: 2929px) {
  html {
    font-size: 17.16px;
  }
}
@media only screen and (max-width: 2857px) {
  html {
    font-size: 17.04px;
  }
}
@media only screen and (max-width: 2786px) {
  html {
    font-size: 16.92px;
  }
}
@media only screen and (max-width: 2714px) {
  html {
    font-size: 16.8px;
  }
}
@media only screen and (max-width: 2643px) {
  html {
    font-size: 16.67px;
  }
}
@media only screen and (max-width: 2571px) {
  html {
    font-size: 16.55px;
  }
}
@media only screen and (max-width: 2500px) {
  html {
    font-size: 16.43px;
  }
}
@media only screen and (max-width: 2429px) {
  html {
    font-size: 16.31px;
  }
}
@media only screen and (max-width: 2357px) {
  html {
    font-size: 16.18px;
  }
}
@media only screen and (max-width: 2286px) {
  html {
    font-size: 16.06px;
  }
}
@media only screen and (max-width: 2214px) {
  html {
    font-size: 15.94px;
  }
}
@media only screen and (max-width: 2143px) {
  html {
    font-size: 15.82px;
  }
}
@media only screen and (max-width: 2071px) {
  html {
    font-size: 15.69px;
  }
}
@media only screen and (max-width: 2000px) {
  html {
    font-size: 15.57px;
  }
}
@media only screen and (max-width: 1929px) {
  html {
    font-size: 15.45px;
  }
}
@media only screen and (max-width: 1857px) {
  html {
    font-size: 15.33px;
  }
}
@media only screen and (max-width: 1786px) {
  html {
    font-size: 15.2px;
  }
}
@media only screen and (max-width: 1714px) {
  html {
    font-size: 15.08px;
  }
}
@media only screen and (max-width: 1643px) {
  html {
    font-size: 14.96px;
  }
}
@media only screen and (max-width: 1571px) {
  html {
    font-size: 14.84px;
  }
}
@media only screen and (max-width: 1500px) {
  html {
    font-size: 14.71px;
  }
}
@media only screen and (max-width: 1429px) {
  html {
    font-size: 14.59px;
  }
}
@media only screen and (max-width: 1357px) {
  html {
    font-size: 14.47px;
  }
}
@media only screen and (max-width: 1286px) {
  html {
    font-size: 14.35px;
  }
}
@media only screen and (max-width: 1214px) {
  html {
    font-size: 14.22px;
  }
}
@media only screen and (max-width: 1143px) {
  html {
    font-size: 14.1px;
  }
}
@media only screen and (max-width: 1071px) {
  html {
    font-size: 13.98px;
  }
}
@media only screen and (max-width: 1000px) {
  html {
    font-size: 13.86px;
  }
}
@media only screen and (max-width: 929px) {
  html {
    font-size: 13.73px;
  }
}
@media only screen and (max-width: 857px) {
  html {
    font-size: 13.61px;
  }
}
@media only screen and (max-width: 786px) {
  html {
    font-size: 13.49px;
  }
}
@media only screen and (max-width: 714px) {
  html {
    font-size: 13.37px;
  }
}
@media only screen and (max-width: 643px) {
  html {
    font-size: 13.24px;
  }
}
@media only screen and (max-width: 571px) {
  html {
    font-size: 13.12px;
  }
}
@media only screen and (max-width: 500px) {
  html {
    font-size: 13px;
  }
}