/* smartphones */
@media (max-width: 533px) {
    html {
        font-size: calc((20 / 375) * 100vw);
    }
}

/* landscape / tablets */
@media (min-width: 534px) and (max-width: 900px) {
    html {
        font-size: calc((20 / 896) * 100vw);
    }
}

/* desktop */
@media (min-width: 901px) {
    html {
        font-size: calc((20 / 1280) * 100vw);
    }
}