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

@media (min-width: 1600px) and (max-width: 1899px) {
    html {
        font-size: 24px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    html {
        font-size: 22px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    html {
        font-size: 20px;
    }
}

@media (min-width: 993px) and (max-width:1200px) {
    html {
        font-size: 18px;
    }
}

@media (min-width: 600px) and (max-width:992px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 331px) and (max-width:599px) {
    html {
        font-size: 13px;
    }
}

@media (min-width: 200px) and (max-width:330px) {
    html {
        font-size: 11px;
    }
}