@media only screen and (max-width: 767px) {
	img.alignleft {float: none; margin: 1rem 0;}
	.padding-section, .padding-3rem {padding: 2rem ;}
	#hero {min-height: inherit;}
	#hero > div {position: relative; padding: 5rem 2rem;}
	#hero > div:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right:-2rem;
		bottom: 0;
		background: rgba(255,255,255,0.6)
	}
	#hero > div > div {position: relative; z-index: 2;}
	#hero img, .mobmenu-content li.logo {display: none;}
	#key-focus {text-align: center;}
	#key-focus ul {text-align: left;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	
}


/* Adaptive Font Size */

@media screen and (min-width: 25em){
/*   html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); } */
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
		
}