#mainNav {
    font-family: 'Cabin', sans-serif;
      margin-bottom: 0;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      background-color: black;  
}

#mainNav .navbar-toggler {
      font-size: 14px;
      padding: 11px;
      color: white;
      border: 1px solid white;
       margin-right: 5%;
}

#mainNav  .navbar-brand{
    font-weight: 700;
}

#mainNav {
    font-family: 'Cabin', sans-serif;
      margin-bottom: 0;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      background-color: black;  
}
 
#mainNav .navbar-toggler {
      font-size: 14px;
      padding: 11px;
      color: white;
      border: 1px solid white;
}
 
#mainNav  .navbar-brand{
    font-weight: 700;
}

#mainNav a{
    color: white;
    font-size: larger;
}
 
#mainNav .navbar-nav .nav-item{
    transition: background 0.3s ease-in-out;
}
 
#mainNav .navbar-nav .nav-item:hover{
    color: rgba(255,255,255,0.8);
    outline: none;
    background-color: transparent;
}
 
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus{
    outline: none;
    background-color: transparent;
}
@media(min-width: 992px){
    #mainNav{
        padding-top: 20px;
        padding-bottom: 20px;
        transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
        letter-spacing: 1px;
        border-bottom: none;
        background: transparent;
        
    }
    
    
    #mainNav.navbar-shrink{
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        background: black;
    }
    
    #mainNav .nav-link.active{
        outline: none;
        background-color: rgba(255, 255, 255, 0.3);
        
        
    }
    
    #mainNav .nav-link.active:hover{
        color: white;
    }
    
}

#mainNav .navbar-nav .nav-item:hover{
    color: rgba(255,255,255,0.8);
    outline: none;
    background-color: transparent;
}
#mainNav .dropdown-menu .dropdown-item{
   color:black;
    
}
#mainNav .dropdown-menu .dropdown-item:hover{
    color: rgba(254, 241, 96, 0.8);
    outline: none;
    background-color: transparent;
}
#mainNav .dropdown-divider{
    border-top-color: rgba(254, 241, 96, 0.8);
}