@media only screen
and (min-width : 768px)
and (max-width : 991px)  {
	ul.navbar-nav > li.menu-item-21, ul.navbar-nav > li.current_page_item.menu-item-21{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	ul.navbar-nav{
		font-size: 1.3em;
		margin-top: 152px;
	}
	
	header{
		padding-top: 40px;
	}
}

/* large phones/small tablets  ----------- */
@media only screen 
and (max-width : 767px)  {
	header{
		padding: 0;
	}
	
	footer{
		height: auto; 
	}
	
	h3{
		font-size: 1.7em;
	}
	
	.desktop-hide{
		display: block;
	}
}