div#menu > div > div#logo-menu img{
    max-width: 150px;
}

div#menu > div > button{
    font-size: 25px;
}
div#menu > div > nav#navbar-primary{
    align-content: center
}
ul#menu-primary > li.menu-item{
    margin-right: 2rem;
    margin-left: 2rem;
    text-align: end;
    text-align: center;
    
}

ul#menu-primary > li.menu-item-gtranslate > a {
    display: inline-flex;
    gap: .5rem;
}

ul#menu-primary > li.menu-item > a{
    color: var(--azul);
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    
}

ul#menu-primary > li.menu-item:hover > a{
    color: var(--celeste);
}

ul.sub-menu{
    min-width: 100px;
    padding: 10px 20px;
    display: none;
    background-color: var(--gris);
}


@media (min-width:768px) {
    ul.sub-menu{
        position: absolute;
        background-color: var(--azul);
        z-index: 1;
        
    }
    
    ul.sub-menu > li.menu-item > a{
        width: 100%;
        color: var(--blanco);
        border-bottom:2px solid var(--azul);
        
    }

    ul.sub-menu > li.menu-item > a:hover{
        
        border-bottom:2px solid var(--celeste); 
    }
}