@media only screen and (min- 320px) and (max- 359px) {
html,
body {
font-size: 8.51px;
}
}
@media only screen and (min- 360px) and (max- 374px) {
html,
body {
font-size: 9.6px;
}
}
@media only screen and (min- 375px) and (max- 385px) {
html,
body {
font-size: 10px;
}
}
@media only screen and (min- 386px) and (max- 392px) {
html,
body {
font-size: 10.29px;
}
}
@media only screen and (min- 393px) and (max- 400px) {
html,
body {
font-size: 10.48px;
}
}
@media only screen and (min- 401px) and (max- 414px) {
html,
body {
font-size: 10.69px;
}
}
@media only screen and (min- 415px) and (max- 479px) {
html,
body {
font-size: 11.06px;
}
}
@media only screen and (min- 480px) and (max- 559px) {
html,
body {
font-size: 12.8px;
}
}
@media only screen and (min- 560px) and (max- 599px) {
html,
body {
font-size: 14.93px;
}
}
@media only screen and (min- 600px) and (max- 749px) {
html,
body {
font-size: 16px;
}
}
@media only screen and (min- 750px) and (max- 767px) {
html,
body {
font-size: 20px;
}
}
@media only screen and (min- 768px) and (max- 969px) {
html,
body {
font-size: 20.48px;
}
}
@media only screen and (min- 970px) {
html,
body {
font-size: 22px;
}
}