@media only screen and (max-width: 320px){html{font-size: 70px !important;} }
@media only screen and (min-width: 321px) and (max-width: 360px){html{font-size: 75px!important;} }
@media only screen and (min-width: 361px) and (max-width: 380px){html{font-size: 80px!important;} }
@media only screen and (min-width: 381px) and (max-width: 400px){html{font-size: 85px!important;} }
@media only screen and (min-width: 401px) and (max-width: 420px){html{font-size: 90px!important;} }
@media only screen and (min-width: 421px) and (max-width: 440px){html{font-size: 95px!important;} }
@media only screen and (min-width: 441px) and (max-width: 460px){html{font-size: 100px!important;} }
@media only screen and (min-width: 461px) and (max-width: 480px){html{font-size: 105px!important;} }
@media only screen and (min-width: 481px) and (max-width: 500px){html{font-size: 110px!important;} }
@media only screen and (min-width: 501px) and (max-width: 520px){html{font-size: 115px!important;} }
@media only screen and (min-width: 521px) and (max-width: 540px){html{font-size: 120px!important;} }
@media only screen and (min-width: 541px) and (max-width: 560px){html{font-size: 125px!important;} }
@media only screen and (min-width: 561px) and (max-width: 580px){html{font-size: 130px!important;} }
@media only screen and (min-width: 581px) and (max-width: 600px){html{font-size: 135px!important;} }
@media only screen and (min-width: 601px) and (max-width: 620px){html{font-size: 140px!important;} }
@media only screen and (min-width: 640px){html{font-size: 140px!important;} }
@media only screen and (min-width: 641px) and (max-width: 700px) {html { font-size: 145px!important; } }
@media only screen and (min-width: 701px) and (max-width: 750px) {html { font-size: 150px!important; } }
@media only screen and (min-width: 751px) {html { font-size: 155px!important; } }