@media (max-width: 979px) {

}

@media (max-width: 767px) {
	
	.logo {
		width: 40%;
	}
	
	header {
		position: relative;
	}
	
	.wrapper {
	    margin-top: 0px;
	}
	
	header .yellowbar {display: none;}
	
	header .col-xs-12.navRow {
		padding-left: 0;
		padding-right: 0;
	}
	
	.navbar {
		border: none;
	}
	
	.navbar, header.smaller .navbar { 
		padding-top: 0;
		background: #FFC627;
	}
	
	.navbar-toggle {
		margin-top: 0;
		margin-bottom: 0;
    	padding: 5px 25px;
		float: left;
		color: #fff;
		text-shadow: 1px 1px #033071;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	:hover.navbar-toggle, :active.navbar-toggle {
		background: #ffc627;
		color: #033071;
		text-shadow: none;
	}
	
	.navbar-nav {
	    margin: 7.5px 15px;
	}
	
	.nav.navbar-nav li.divider-vertical {
		display: none;
	}
	
	#navbarCollapse {
		color: #fff;
		background: #033071 ;
	}
	
	.nav>li>a {
		color: #fff;
		text-indent: 10px;
		font-size: 1.2em;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
	    text-decoration: none;
	    background-color: #033071;
	}
	
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	    background-color: #ffc627;
	    border-color: #337ab7;
	    color: #033071;
	}
	
	.dropdown-menu>li>a {
		color: #fff;
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		font-size: 1.2em;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background-color: #ffc627;
		color: #033071;
	}
	
}