/* Desktop - Media queries a cada 20px para melhor performance */
@media (max-width: 1900px) {
  html {
    font-size: 9.90px;
  }
}
@media (max-width: 1880px) {
  html {
    font-size: 9.79px;
  }
}
@media (max-width: 1860px) {
  html {
    font-size: 9.69px;
  }
}
@media (max-width: 1840px) {
  html {
    font-size: 9.58px;
  }
}
@media (max-width: 1820px) {
  html {
    font-size: 9.48px;
  }
}
@media (max-width: 1800px) {
  html {
    font-size: 9.38px;
  }
}
@media (max-width: 1780px) {
  html {
    font-size: 9.27px;
  }
}
@media (max-width: 1760px) {
  html {
    font-size: 9.17px;
  }
}
@media (max-width: 1740px) {
  html {
    font-size: 9.06px;
  }
}
@media (max-width: 1720px) {
  html {
    font-size: 8.96px;
  }
}
@media (max-width: 1700px) {
  html {
    font-size: 8.85px;
  }
}
@media (max-width: 1680px) {
  html {
    font-size: 8.75px;
  }
}
@media (max-width: 1660px) {
  html {
    font-size: 8.65px;
  }
}
@media (max-width: 1640px) {
  html {
    font-size: 8.54px;
  }
}
@media (max-width: 1620px) {
  html {
    font-size: 8.44px;
  }
}
@media (max-width: 1600px) {
  html {
    font-size: 8.33px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 8.23px;
  }
}
@media (max-width: 1560px) {
  html {
    font-size: 8.13px;
  }
}
@media (max-width: 1540px) {
  html {
    font-size: 8.02px;
  }
}
@media (max-width: 1520px) {
  html {
    font-size: 7.92px;
  }
}
@media (max-width: 1500px) {
  html {
    font-size: 7.81px;
  }
}
@media (max-width: 1480px) {
  html {
    font-size: 7.71px;
  }
}
@media (max-width: 1460px) {
  html {
    font-size: 7.60px;
  }
}
@media (max-width: 1440px) {
  html {
    font-size: 7.50px;
  }
}
@media (max-width: 1420px) {
  html {
    font-size: 7.40px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 7.29px;
  }
}
@media (max-width: 1380px) {
  html {
    font-size: 7.19px;
  }
}
@media (max-width: 1360px) {
  html {
    font-size: 7.08px;
  }
}
@media (max-width: 1340px) {
  html {
    font-size: 6.98px;
  }
}
@media (max-width: 1320px) {
  html {
    font-size: 6.88px;
  }
}
@media (max-width: 1300px) {
  html {
    font-size: 6.77px;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 6.67px;
  }
}
@media (max-width: 1260px) {
  html {
    font-size: 6.56px;
  }
}
@media (max-width: 1240px) {
  html {
    font-size: 6.46px;
  }
}
@media (max-width: 1220px) {
  html {
    font-size: 6.35px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 6.25px;
  }
}
@media (max-width: 1180px) {
  html {
    font-size: 6.15px;
  }
}
@media (max-width: 1160px) {
  html {
    font-size: 6.04px;
  }
}
@media (max-width: 1140px) {
  html {
    font-size: 5.94px;
  }
}
@media (max-width: 1120px) {
  html {
    font-size: 5.83px;
  }
}
@media (max-width: 1100px) {
  html {
    font-size: 5.73px;
  }
}
@media (max-width: 1080px) {
  html {
    font-size: 5.63px;
  }
}
@media (max-width: 1060px) {
  html {
    font-size: 5.52px;
  }
}
@media (max-width: 1040px) {
  html {
    font-size: 5.42px;
  }
}
@media (max-width: 1020px) {
  html {
    font-size: 5.31px;
  }
}
@media (max-width: 1000px) {
  html {
    font-size: 5.21px;
  }
}
@media (max-width: 980px) {
  html {
    font-size: 5.10px;
  }
}
@media (max-width: 960px) {
  html {
    font-size: 5.00px;
  }
}
@media (max-width: 940px) {
  html {
    font-size: 4.90px;
  }
}
@media (max-width: 920px) {
  html {
    font-size: 4.79px;
  }
}
@media (max-width: 900px) {
  html {
    font-size: 4.69px;
  }
}
@media (max-width: 880px) {
  html {
    font-size: 4.58px;
  }
}
@media (max-width: 860px) {
  html {
    font-size: 4.48px;
  }
}
@media (max-width: 840px) {
  html {
    font-size: 4.38px;
  }
}
@media (max-width: 820px) {
  html {
    font-size: 4.27px;
  }
}
@media (max-width: 800px) {
  html {
    font-size: 4.17px;
  }
}
@media (max-width: 780px) {
  html {
    font-size: 4.06px;
  }
}

/* MOBILE - Reset em 767px e escala proporcional a cada 20px */
@media (max-width: 767px) {
  html {
    font-size: 10.00px;
  }
}
@media (max-width: 747px) {
  html {
    font-size: 9.74px;
  }
}
@media (max-width: 727px) {
  html {
    font-size: 9.48px;
  }
}
@media (max-width: 707px) {
  html {
    font-size: 9.22px;
  }
}
@media (max-width: 687px) {
  html {
    font-size: 8.96px;
  }
}
@media (max-width: 667px) {
  html {
    font-size: 8.70px;
  }
}
@media (max-width: 647px) {
  html {
    font-size: 8.44px;
  }
}
@media (max-width: 627px) {
  html {
    font-size: 8.17px;
  }
}
@media (max-width: 607px) {
  html {
    font-size: 7.91px;
  }
}
@media (max-width: 587px) {
  html {
    font-size: 7.65px;
  }
}
@media (max-width: 567px) {
  html {
    font-size: 7.39px;
  }
}
@media (max-width: 547px) {
  html {
    font-size: 7.13px;
  }
}
@media (max-width: 527px) {
  html {
    font-size: 6.87px;
  }
}
@media (max-width: 507px) {
  html {
    font-size: 6.61px;
  }
}
@media (max-width: 487px) {
  html {
    font-size: 6.35px;
  }
}
@media (max-width: 467px) {
  html {
    font-size: 6.09px;
  }
}
@media (max-width: 447px) {
  html {
    font-size: 5.83px;
  }
}
@media (max-width: 427px) {
  html {
    font-size: 5.57px;
  }
}
@media (max-width: 407px) {
  html {
    font-size: 5.31px;
  }
}
@media (max-width: 387px) {
  html {
    font-size: 5.05px;
  }
}
@media (max-width: 367px) {
  html {
    font-size: 4.78px;
  }
}
@media (max-width: 347px) {
  html {
    font-size: 4.52px;
  }
}
@media (max-width: 327px) {
  html {
    font-size: 4.26px;
  }
}