/****************
 * CSS RESETS *
 ****************/

p{
    margin: 0;
}

/****************
 * GLOBAL VARIABLES *
 ****************/


/*MENU*/
#nav-scroll {
    --blue:var(--e-global-color-a3ffde4);
    --offwhite: var(--e-global-color-3ad8f40);
    transition: all ease-out 0.2s;
}
#nav-scroll.compact {
    background-color: #fffffff5;
    box-shadow: 0px 0px 5px #00000026;
}
#nav-scroll.compact a.hfe-menu-item {
    color: var(--blue);
}
#nav-scroll.compact .logo img{
    max-width: 150px;
}
#nav-scroll a.hfe-menu-item {
    color: var(--offwhite);
}
@media (width <= 768px) {

    
    #nav-scroll.compact .logo img{max-width: 150px;}

    #nav-scroll a.hfe-menu-item,
    #nav-scroll.compact a.hfe-menu-item {color: var(--blue);}

}

/****************
 * TYPOGRAPHY *
 ****************/

/****************
 * HOMEPAGE *
 ****************/



/* 
Temp Grey scale Image */
.contrast:filter {brightness( 90% ) contrast( 180% ) saturate( 0% ) blur( 0.1px ) hue-rotate( 0deg )}