@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700|Material+Icons');

.navbar {
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600 !important;
    letter-spacing: 0.125em;
}

.navbar .nav-item{
    opacity: 0.7;
    font-size: 14px;
}

.navbar .nav-item:hover {
    opacity: 1;
}

.navbar .dropdown-toggle {
    opacity: 1;
}

.dropdown-item {
    font-size: 14px;
}

@media (max-width: 991.98px) { /* Para pantallas menores a lg */
    #navbarNavDropdown {
      background-color: rgba(33, 37, 41, 0.80); /* El color de fondo que prefieras */
      border-radius: 5px;
    }
    .navbar .nav-item{
        opacity: 1;
    }
  }