html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 4vw;
}   
@media only screen and (min-width: 600px) {
    html {
        font-size: 2.66vw;
    }
}
@media only screen and (min-width: 800px) {
    html {
        font-size: 2vw;
    }
}
@media only screen and (min-width: 1200px) {
    html {
        font-size: 1.33vw;
    }
}
@media only screen and (min-width: 1600px) {
    html {
        font-size: 1vw;
    }
}
@media only screen and (min-width: 2000px) {
    html {
        font-size: 0.8vw;
    }
}
@media only screen and (min-width: 2400px) {
    html {
        font-size: 0.67vw;
    }
}
@media only screen and (min-width: 2800px) {
    html {
        font-size: 0.57vw;
    }
}
@media only screen and (min-width: 3200px) {
    html {
        font-size: 0.5vw;
    }
}
@media only screen and (min-width: 3600px) {
    html {
        font-size: 0.44vw;
    }
}
@media only screen and (min-width: 4000px) {
    html {
        font-size: 0.4vw;
    }
}