@media only screen and (min-width: 768px) {
	#hero h1 {color: #FFF;}
}

@media only screen and (max-width: 1399px) {
	#hero h1 {font-size: 1.8rem;}
}

@media only screen and (max-width: 959px) {
	.page-title {padding: 3rem 0;}
}


@media only screen and (max-width: 767px) {
	
	.padding-section, .page-title, .content {padding: 2rem 1rem;}
	.page-title h1 {font-size: 2rem;}
	#hero {
		background-repeat: no-repeat; 
		background-position: right bottom !important; 
		min-height:50vh;
		text-align: center;
		padding-top: 40px;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#hero h1 {font-size: 1.4rem;}
	
}


/* 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) {
	
		
}