.top-bar, .title-bar, .top-bar ul {
	background: #FFFFFF !important;	
	color: #313131 !important;
}

.top-bar {
	padding: 0;	
}

.title-bar button.menu-icon {
	background: transparent !important;
	outline: none;
}
	
	.top-bar ul li > a {
		background: #FFFFFF !important;
		color: #313131 !important; 
		margin: 10px;
		text-transform: uppercase !important;
		text-align: center;
		border-bottom: 2px solid #FFFFFF !important;
		letter-spacing: 1px !important;
		font-weight: 600;
		font-size: .85em;
		padding: 0 !important;
	}
		
	.top-bar ul li > a:hover{
        background: #FFFFFF !important;
        color: #77779C !important;
        text-decoration: none !important;
		
    }
    
    .top-bar ul li > a.active {
    
    } 
	
    .top-bar ul li > a:after {
    	margin-top: 5px;
    	border-bottom: 2px solid #313131 !important;
    	display:block;  
		content: '';  
		transform: scaleX(0);   
		transition: transform 250ms ease-in-out;
    }
    
    .top-bar ul li > a:hover:after {  
		transform: scaleX(1);  
	} 
	   

.headerContainer {
	padding-bottom: 10px;
	-webkit-box-shadow:0px 3px 3px #CCCCCC;
 	-moz-box-shadow:0px 3px 3px #CCCCCC;
 	box-shadow:0px 3px 3px #CCCCCC;
}

	  
/* Medium and up */
@media screen and (min-width: 40em) {
	.headerGrid .cell {
		display: flex;
	  justify-content: center;
	  align-items: center;
	}	
}    
    
/* Small only */  
@media screen and (max-width: 39.9375em) {
	.top-bar ul, .top-bar ul li {
		border: none;
		width: 100%;
	}	
	
	.top-bar ul li {
		border-bottom: 1px solid #F0F0F0 !important;
	}
	
	.top-bar ul li:first-child {
		border-top: 1px solid #F0F0F0 !important;
	}
	
	.top-bar ul li:last-child {
		border-bottom: none !important;
	}
	
	.top-bar ul li > a {
		padding-top: 10px !important;
		padding-bottom: 0px !important;
		text-align: left !important;
		
	}
	
	
	.title-bar {
		font-size: 1.8rem !important;
	}
	
	.menu-icon::after {
		margin-top: -2px;
		background: #313131;
	    box-shadow: 0 7px 0 #313131, 0 14px 0 #313131;
	    -webkit-box-shadow: 0 7px 0 #313131, 0 14px 0 #313131;
	}
	
	
	.menuBarLeft img {
		width: 100px !important;
	}
	
	.menuBarRight {
		position: absolute;
		right: 10px;
		top: 20px;
		
	}
	
	#mainNavResponsive {
		position: relative;
	}
	
}