/* Global Header
------------------------------*/
.header {
    --background-color: black;
    --heading-color: black;
    --nav-color: black;
    --nav-hover-color: black;
}

    .header .navmenu a {
        color: black;
    }

    .header .navmenu span {
        color: black;
    }

    .header .navmenu i {
        color: black;
    }

/* Global Header on Scroll
------------------------------*/
.scrolled .header {
    --background-color: black;
    --heading-color: black;
    --nav-color: black;
    --nav-hover-color: black;
}

    .scrolled .header .navmenu a {
        color: black;
    }

    .scrolled .header .navmenu span {
        color: black;
    }

    .scrolled .header .navmenu i {
        color: black;
    }