@media screen and (min-width: 320px) {
    html {
        font-size: 11.25px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 12.5px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 14px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 12.5px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 13.75px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.25px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 17.5px;
    }
}