header{
    position: sticky;
    top: 0;
    z-index: 99;
    overflow-x: clip;
}

.header nav ul li a{
    color: #000;
}

header.active .header nav ul li a{
    color: #fff;
}

.top_header .social_media ul li a{
    color: #000;
}

.header .logo img{
    filter: none;
}

header.active .header .logo img{
    filter: brightness(0) invert(1);
}

@media(max-width: 768px){
    .header .logo img{
        filter: brightness(0) invert(1);
    }
    .header nav ul li a{
        color: #fff;
    }
    .top_header .social_media ul li a{
        color: #fff;
    }
}