/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design Ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 719px) {
		
		html {
			font-size: 75%;
		}
		
		.mobile {
			display:block;
		}
		
		.col,
		.cols {
			display:block;
			float: none;
			margin:0;
			width: auto;
		}
		
		.wrapper {
			width: auto;
			padding: 0 1em;
		}
		
		.content-home {
			width: auto;
		}

		.notformobile,
		header .wateraidlogo,
		header,
		footer,
		.sidecolumn {
			display:none;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 720px) 
	and (max-width : 949px) {

		html {
			font-size: 75%;
		}
		
		header .wateraidlogo {
			display:none;
		}
		
		.wrapper {
			width: 58.333rem;
		}

		header nav a,
		header nav a:visited {
			padding-left: 14px; padding-left: 1rem;
			padding-right: 14px; padding-right: 1rem;
		}

	}

	/* ----------- */
	@media only screen 
	and (min-width: 950px) 
	and (max-width : 1105px) {
		
		html {
			font-size: 75%;
		}
		
	}


	/* iPads (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		
	}
	
	/* iPads (landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		
	}
	
	/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		
	}


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