:root {
    /** COLORS **/
    --color-black : #000000;
    --color-main-bg : #fff;
    --color-green : #354a4a;
    --color-light-green : #e8f0ee;

    /** FONTS **/
    --font1 : 'EB Garamond', serif;
    --font2 : 'Cabin', sans-serif;

    --font-size : 16px;
    --font-size-big : 1.35rem;
    --font-size-small : 1rem;
    --font-size-tiny : 12px;
    --font-size-huge : 2rem;

    /** Layout **/
    --space-out : 5%;
    --header-height : 100px;
    --txt-column-width: 550px;
}

@media screen and (min-width: 651px) {
    :root {
        --font-size : 17.5px;
        --font-size-small : .9rem;
        --font-size-huge : 2.04rem;
        
        --space-out : 5.8vw;
        --header-height : 100px;
    }
}

@media screen and (min-width: 981px) {
    :root {
        --font-size : 18px;        
    }
}

@media screen and (min-width: 1201px) {
    :root {
        --font-size : 18.6px;
    }
}
.bgColor { background: var(--color-main-bg);}
.bgGreen { background: var(--color-green); color: #fff;}
.bgLightGreen { background: var(--color-light-green);}