*{
    margin: 0;
    padding: 0;
}
body{
    min-width: 960px;
}
@media (max-width: 959px){
    html{
        font-size: 40% !important;
    }
}
@media (min-width: 960px){
    html{
        font-size: 30.5% !important;
    }
}
@media (min-width: 1024px){
    html{
        font-size: 25.5% !important;
    }
} 
@media (min-width: 1100px) {
    html{
        font-size: 35.5% !important;
    }
} 
@media (min-width: 1280px) {
    html{
        font-size: 40.5% !important;
    }
} 
@media (min-width: 1366px) {
    html{
        font-size: 42.5% !important;
    }
}  
@media (min-width: 1440px) {
    html{
        font-size: 47.5% !important;
    }
} 
@media (min-width: 1680px) {
    html{
        font-size: 52.5% !important;
    }
} 
@media (min-width: 1920px) {
    html{
        font-size: 62.5% !important;
    }
}