.navbar{
    z-index: 1;   
}

.navbar-brand{
    font-size: 5.5vh;
    border-bottom: 2vh solid black;
}
.nav-link{
    font-size: 4vh;
}

.nav-link.small{
    font-size: 2.5vh;
}

@media screen and (max-width: 700px){
    /* cambia el color de fondo */
    .navbar-light {
        background-color: #ffffff;
    }
    /* cambia el logo y el color del texto */
    .navbar-light .navbar-brand,
    .navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.8);
    }
    /* cambia el color de los link */
    .navbar-light .navbar-nav .nav-link {
        color: rgba(32, 32, 32, 0.5);
    }
    /* cambia el color de los link (hover) */
    .navbar-light .nav-item.active .nav-link,
    .navbar-light .nav-item:hover .nav-link {
        color: #1d1d1d;
    }
}