/*----------------------------------------------------------------------- */
/*-------------------------- NAVEGACION --------------------------------- */
/*----------------------------------------------------------------------- */

.navbar{
background: var(--color-principal);

 transition: top 0.3s ease;
}


.navbar-nav a{
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--letras);
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

.boton-nav{
    font-size: 0.8rem !important;
}

.text-commander{
    display: flex;
    font-size: 1.3em;
    text-transform: uppercase;
    color: var(--letras);
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    text-decoration: none
}

.navbar-nav a:hover{
    color: var(--hover);
    transition: all 300ms ease-in-out;;
}


@media screen and (max-width: 380px){
.text-commander{
    font-size: 1.2em;
}
.navbar-nav a{
    font-size: 0.8em;
}

}