header {
    position: fixed;
    width: 100%;
    background-color: transparent;
    transition: 0.5s;
}

header nav ul li h4 a {
    color: white;
    font-weight: 600;
    transition: 0.5s;
}

#dropdown .dropbtn {
    color: white;
    font-weight: 600;
    transition: 0.5s;
}

#dropdown .dropdown-content a {
    color: black;
    background-color: #f3f0f5;
}




header.scroll {
    position: fixed;
    width: 100%;
    background-color: #f3f0f5;
}

header.scroll nav ul li h4 a {
    color: black;
}

header.scroll nav ul li h4 a {
    color: black;
    font-weight: 600;
}

#dropdown.scroll .dropbtn {
    color: black;
}



.hamburger span {
    background-color: white;
}

header.scroll nav .hamburger span {
    background-color: black;
}



@media (max-width: 1023px) {
    #dropdown .dropbtn {
        color: black;
    }
    
    header.menu nav {
        width: 65vh;
    }
    
    header {
/*                position: fixed;*/
/*        width: 100vh;*/
        background-color: transparent;
    }

    header.scroll {
/*                position: relative;*/
        margin-top: -80px;
        background-color: transparent;
    }

    header.menu  {
/*        position: absolute;*/
        
        background-color: #f3f0f5;
    }

    header.menu nav .hamburger span {
        background-color: black;
    }

    header.menu nav ul li h4 a {
        color: black;
    }

    header.menu nav ul li h4 a {
        color: black;
        font-weight: 600;
    }

    #dropdown .dropbtn {
/*        color: black;*/
    }
}