header{
    height: 11vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 10;
    background-color: white;
}


.header-container-menu{
    display: flex;
    justify-content: center;
    align-items: center;
}


/* imagem section */

.header-image{
    padding-left: 10em;
}

.logo-header{
    width: 180px;
}

/* social section */

.social-icons{
    display: flex;
    gap: 1em;
    padding-right: 2em;
}
.icon-link{
    background-color: var(--primary-gold);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    border-radius: 100%;
}
.social-icon{
    width: 20px;
}



@media screen and (max-width: 1024px){
}

@media screen and (max-width: 768px){
    header{
        position: absolute;
        background-color: transparent;
    }
    
    .header-image,
    .header-icons{
        display: none;
    }
    
}
@media screen and (max-width: 425px){
}

@media screen and (max-width: 375px) {

}