@media screen and (min-width: 320px) {
    html {
        font-size: 21.33333333px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 24px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 25px;
    }
}

@media screen and (min-width: 392px) {
    html {
        font-size: 26.13333333px;
    }
}

@media screen and (min-width: 411px) {
    html {
        font-size: 27.4px;
    }
}

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

@media screen and (min-width: 480px) {
    html {
        font-size: 32px;
    }
}


/* @media screen and (min-width: 540px) {
    html {
        font-size: 36px;
    }
} */


/* @media screen and (min-width: 568px) {
    html {
        font-size: 37.86666667px;
    }
}

@media screen and (min-width: 569px) {
    html {
        font-size: 37.93333333px;
    }
}

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

@media screen and (min-width: 667px) {
    html {
        font-size: 44.46666667px;
    }
}

@media screen and (min-width: 680px) {
    html {
        font-size: 45.33333333px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 48px;
    }
}

@media screen and (min-width: 731px) {
    html {
        font-size: 48.73333333px;
    }
}

@media screen and (min-width: 736px) {
    html {
        font-size: 49.06666667px;
    }
}

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

@media screen and (min-width: 748px) {
    html {
        font-size: 49.86666667px;
    }
}

@media screen and (min-width: 749px) {
    html {
        font-size: 49.93333333px;
    }
}

@media screen and (min-width: 757px) {
    html {
        font-size: 50.46666667px;
    }
}

@media screen and (min-width: 760px) {
    html {
        font-size: 50.66666667px;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 51.2px;
    }
}

@media screen and (min-width: 770px) {
    html {
        font-size: 51.33333333px;
    }
}

@media screen and (min-width: 771px) {
    html {
        font-size: 51.4px;
    }
}

@media screen and (min-width: 772px) {
    html {
        font-size: 51.46666667px;
    }
}

@media screen and (min-width: 780px) {
    html {
        font-size: 52px;
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 53.33333333px;
    }
}

@media screen and (min-width: 810px) {
    html {
        font-size: 54px;
    }
}

@media screen and (min-width: 812px) {
    html {
        font-size: 54.13333333px;
    }
}

@media screen and (min-width: 820px) {
    html {
        font-size: 54.66666667px;
    }
}

@media screen and (min-width: 834px) {
    html {
        font-size: 55.6px;
    }
}

@media screen and (min-width: 853px) {
    html {
        font-size: 56.86666667px;
    }
}

@media screen and (min-width: 896px) {
    html {
        font-size: 59.73333333px;
    }
}

@media screen and (min-width: 900px) {
    html {
        font-size: 60px;
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 68.26666667px;
    }
} */