@media screen and (max-width:600px) {
    html {
        font-size: 6px;
    }
    
}
@media screen and (min-width:600px) and (max-width:700px){
    html {
        font-size: 7px;
    }
}
@media screen and (min-width:700px) and (max-width:850px){
    html {
        font-size: 8px;
    }
}
@media screen and (min-width:850px) and (max-width:1000px){
    html {
        font-size: 9px;
    }
}
@media screen and (min-width:1000px) and (max-width:1100px){
    html {
        font-size: 10px;
    }
}
@media screen and (min-width:1100px) and (max-width:1200px){
    html {
        font-size: 11px;
    }
}
@media screen and (min-width:1200px) and (max-width:1300px){
    html {
        font-size: 12px;
    }
}
@media screen and (min-width:1300px) and (max-width:1400px){
    html {
        font-size: 13px;
    }
}
@media screen and (min-width:1400px) and (max-width:1500px){
    html {
        font-size: 14px;
    }
}
@media screen and (min-width:1500px) and (max-width:1600px){
    html {
        font-size: 15px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size: 16px;
    }
}