@media screen and (max-width: 1920px) {
    html {
        font-size: 256px;
    }
}
@media screen and (max-width: 1440px) {
    html {
        font-size: 192px;
    }
}
@media screen and (max-width: 1024px) {
    html {
        font-size: 136.653px;
    }
}
@media screen and (max-width: 1080px) {
    html {
        font-size: 144px;
    }
}
@media screen and (max-width: 834px) {
    html {
        font-size: 111.2px;
    }
}
@media screen and (max-width: 768px) {
    html {
        font-size: 102.4px;
    }
}
@media screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
}
@media screen and (max-width: 414px) {
    html {
        font-size: 55.2px;
    }
}
@media screen and (max-width: 412px) {
    html {
        font-size: 54.9333px;
    }
}
@media screen and (max-width: 411px) {
    html {
        font-size: 54.8px;
    }
}
@media screen and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}
@media screen and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}
@media screen and (max-width: 320px) {
    html {
        font-size: 42.6666px;
    }
}