/* Install the font */
* {
    font-family: 'Nunito', sans-serif, sans-serif, Arial;
}
/* Style the font */
body {
    color: rgb(57, 57, 57);   
}
/* Auto the size */
@media screen and (max-width: 550px){
    body {
        font-size: 16px;
    }
}
@media screen and (max-width: 900px){
    h1 { font-size: 44px; } h2 { font-size: 34px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 19px; } h6 { font-size: 18px; }
}
@media screen and (max-width: 800px){
    h1 { font-size: 40px; } h2 { font-size: 32px; } h3 { font-size: 23px; } h4 { font-size: 19px; } h5 { font-size: 18px; } h6 { font-size: 17px; }
}
@media screen and (max-width: 700px){
    h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 17px; } h6 { font-size: 16px; }
}
@media screen and (max-width: 600px){
    h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 21px; } h4 { font-size: 18px; } h5 { font-size: 16px; }
}
@media screen and (max-width: 500px){
    h1 { font-size: 28px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 17px; }
}
@media screen and (max-width: 400px){
    h1 { font-size: 24px; } h2 { font-size: 24px; } h3 { font-size: 19px; } h4 { font-size: 16px; }
}