/*  when the navbar is collapsed 768 992 */
@media (max-width: 767px) {
    .navbar-collapse { display: flex; justify-content: center;  }
    .navbar-brand { font-size: 3.5rem; margin: 0 auto; text-align: center; }
    .navbar-brand  { border: 0px solid red; } 
    .logo-position { width: 120px !important; height: 120px !important;  margin-left: 40px; } 
    .logo { width: 120px; height: 120px; } 
    .logo-inv { width: 130px; height: 130px; margin-bottom: 40px; }
    .navbar-nav { margin-top: 10px; text-align: right; }
    .footer-right p { text-align:center; }
} 

/* medium screens  */
@media (min-width: 768px) {
    .navbar-brand { font-size: 1.5rem; }
    .navbar-nav { margin-top: 50px; } 
    .logo { width: 90px; height: 90px; } 
    .logo-inv { width: 110px; height: 110px; margin-top:-10px; }
    .footer-right { text-align:center; }
}

.navbar { background: #FFF; }
.navbar-nav li a        { padding-top: 5px; border-top: 2px solid #555599; }
.navbar-nav li a.active { padding-top: 5px; border-top: 2px solid #FF2222; }
.navbar-nav li a.over,
.navbar-nav li a:hover  { padding-top: 5px; border-top: 2px solid #FF9933; }