html {
    font-family: Garamond, serif;
    font-size: 14px;
}

h1 {
    font-size: 15rem;
}

h2 {
    font-size: 10rem;
}

h3 {
    font-size: 8rem;
}

h4 {
    font-size: 4rem;
}

@media (max-width: 1250px) {
    h1 {
        font-size: 10rem;
    }
    
    h2 {
        font-size: 5rem;
    }
    
    h3 {
        font-size: 4rem;
    }
    
    h4 {
        font-size: 2rem;
    }
}



@media (max-width: 800px) {
    h1 {
        font-size: 6rem;
    }
    
    h2 {
        font-size: 5rem;
    }
    
    h3 {
        font-size: 3rem;
    }
    
    h4 {
        font-size: 2rem;
    }
}