/*Navigation CSS*/
.navbar {
    -moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom:0;
	padding:0;
}

.navbar-brand {
	max-width: 200px;
}
.navbar-brand span {
	font-size:.85em;
}
.navbar-brand:hover {
	color:#ffffff;
}
.navbar-light .navbar-toggler {
    background-color: #083147;
}
#header .navbar-brand .logo{
	max-width: 90% ;
}
.navbar-nav a.nav-item.nav-link {
    color: #083147;
	margin: 0 12px;
	padding: 4px 0 ;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	text-align: center;
	line-height: 1.25rem;
}
.navbar-nav a.nav-item.nav-link.active {
    color: #016b9f;
}
.navbar-nav a.nav-item.nav-link:hover {
	color: #016b9f;
}
.navbar-nav a.nav-item.nav-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #016b9f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-nav a.nav-item.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media (min-width: 200px) {
	.navbar-brand span {
		margin-left: 10px;
	}
	#header .navbar-brand .logo{
		max-width: 75% ;
	}
	
}
@media (min-width: 375px) {
	#header .navbar-brand .logo{
		max-width: 85% ;
	}
}
@media (min-width: 768px) {
	
}
@media (min-width: 991px) {
	.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		margin-top: 10px;
		text-align:left;
    }
	.navbar-brand {
		font-size:18px;
	}	
	#header .navbar-brand .logo{
		max-width: 90% ;
	}
}


