@media screen and (min-width: 641px) and (max-width: 1024px) {
    html {
        font-size: 100px;
    }
}


@media screen and (min-width: 640px) and (max-width: 740px) {
    html {
        font-size: 86px;
    }
}

@media screen and (min-width: 540px) and (max-width: 639px) {
    html {
        font-size: 72px;
    }
}

@media screen and (min-width: 414px) and (max-width: 539px) {
    html {
        font-size: 55px;
    }
}

@media screen and (max-width: 413px) {
    html {
        font-size: 50px;
    }
}