@media only screen and (max-width: 959px) {

	.content, footer, .padding-section {padding: 2rem 1rem;}
	.padding-3 {padding: 1rem;}
	.gallery-item {float: none !important; width: 100% !important; margin: 0 0 1rem !important }
	.single-portfolio .gallery-item img {max-width: 100%;}
}

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