/********************************************* RESPONSIVE RULES **********************************************/
@media screen and (min-width: 768px) {
    :root {
        --font-h1: 2.4rem;
        --font-h2: 2rem;
        --font-h3: 1.6rem;
        --font-dc: 1rem;
        --font-sm: 0.9rem;
    }
}

@media screen and (min-width: 1024px) {
    :root {
        --font-h1: 2.8rem;
        --font-h2: 2.3rem;
        --font-h3: 1.8rem;
        --font-dc: 1rem;
        --font-sm: 0.9rem;
    }
}