
@media only screen and (min-width: 320px) {
    :root{
        --main-font: 'Bricolage Grotesque', sans-serif;
        --title-font: 'Bricolage Grotesque', sans-serif;
        /* Big numbers: Gyst Variable when licensed, Fraunces as stand-in (Font Manager) */
        --number-font: 'Gyst Variable', 'Gyst', 'Fraunces', serif;
    }
    
    html, body{
        font-family: var(--main-font);
        font-size:18px;
    }
    h1, h2, h3, h4, h5, h6, .block-editor :where(.editor-styles-wrapper) :is(h1, h2, h3, h4, h5, h6) {
        font-weight: 700;
        line-height: 1.08;
        letter-spacing: -0.01em;
    }
    h1, h2, h3, .block-editor :where(.editor-styles-wrapper) :is(h1, h2, h3) {
        font-family: var(--title-font);
    }

    h4, h5, h6, .block-editor :where(.editor-styles-wrapper) :is(h4, h5, h6) {
        font-family: var(--title-font);
    }
    
    h1 {
        font-size: clamp(42px, 5.6vw, 96px);
    }
    h1.smaller-h1 {
        font-size: clamp(36px, 3.6vw, 72px);
    }
    h2 {
        font-size: clamp(34px, 3.8vw, 64px);
    }

    h2.larger-h2 {
        font-size: clamp(38px, 4.4vw, 72px);
    }

    h3 {
        font-size: clamp(20px, 1.5vw, 24px);
        letter-spacing: 0;
    }

    h4 {
        font-size: 1rem;
        font-family: var(--title-font);
    }

    h5 {
        font-size: 0.9rem;
        font-family: var(--title-font);
    }


    a {
        font-size: inherit;
        font-weight: 600;
    } 

    .main-navigation .main-nav ul li a {
        font-size: 1rem;
        font-weight: 600;
    }

    p {
        font-size: 1em;
        line-height: 1.6em;
    }

    .larger-text {
        font-size: 1.25rem;
    }
    
    .smaller-text {
        font-size: 0.8em;
    }

    .semi-bold{
        font-weight: 600;
    }

    .bold{
        font-weight: 700;
    }



}
@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 990px) {
    .main-navigation .main-nav ul li a {
        font-size: 15px;
    }
    
}

@media only screen and (min-width: 1280px) {
    
}

