.navbar-brand {padding-top:0;padding-bottom:0;}

nav .topLogo {max-height:30px; margin: 5px 0;}
nav.shrink .topLogo {max-height:40px;margin: 10px 0;}
nav.shrink {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);}
nav .navbar-nav{ margin-top:0;}
nav a {text-transform:uppercase; font-weight:600; color:#222; font-size:1.3em;}
a.nav-link.active{text-decoration:underline;color:#C00}
nav.shrink a { text-shadow: none; font-size:1em;}
nav a:HOVER {color:#666;}
nav.navbar {background:transparent; padding:0.25rem 15px 0.25rem 0.25rem}
nav.navbar  .container-fluid {display:block}
nav.navbar.shrink {background:#FFF;}




/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  nav .topLogo {max-height:40px;margin: 10px 15px 10px 15px;}
nav a {font-size:1.1em;}
nav .navbar-nav{ margin-top:15px;}
nav.shrink {background:#FFF;}
nav .navLeft{ justify-content: flex-end;}
nav.shrink .navbar-nav.navLeft { margin-top:10px;}
nav.shrink .navbar-nav.navRight{ margin-top:10px;}
nav a {color:#222;}
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
nav .topLogo {max-height:60px;margin: 10px 15px 10px 15px;}
}