/* Install the font */
* {
    font-family: 'Geologica', sans-serif, sans-serif, Arial;
    font-style: normal;
    /* font-family: 'Roboto-Slab', sans-serif, sans-serif, Arial; */
}
/* Style the font */
body {
    color: rgb(227, 231, 235);
}
/* CAPS THE STYLE */
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
/* Auto the size */
@media screen and (max-width: 550px){
    body {
        font-size: 14px;
    }
}
@media screen and (max-width: 900px){
    h1 { font-size: 48px; } h2 { font-size: 38px; } h3 { font-size: 26px; } h4 { font-size: 22px; } h5 { font-size: 20px; } 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; }
}