/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 765px) {
		
		html {
			font-size: 81.3%; /* 13px */
		}
		
		.col, 
		.cols {
			display: block;
			float: none;
			margin: 0;
		}
		.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
			width: auto;
			margin: 0;
		}
		
		header, 
		footer,
		.sidecolumn {
			display: none;
		}
		
		.wrapper {
			width: auto;
		}
		
		.mobile {
			display: block;
		}
		
		h1 {
			margin-top: 0;
		}
		
		.hero-title h1 {
			font-size: 1.5em;
		}

		.wrapper {
			width: 100%;
		}
		
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 766px) 
	and (max-width : 906px) {
		
		html {
			font-size: 68.8%;
		}
		
		.wrapper {
			width: 100%;
		}
		
	}


/**
*** Retina devices
**/


	/* iPhone 4 and 4S (retina screens - portrait and lanscape) ----------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {
		
	}

	/* iPhone 4 and 4S (retina screens - lanscape) ----------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape),
	only screen and (min-device-pixel-ratio : 1.5) and (orientation : landscape) {
		
	}