/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design Ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 760px) {
		
		img {
			max-width: 100%;
			height: auto;
		}
		
		.wrapper {
			width: auto;
			border: none;
			margin:0;
			padding:0;
		}
		
		.mobile {
			display:block;
		}
		
		.col,
		.cols {
			float: none;
			display: block;
			margin:0;
		}
			.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
				width: auto;
			}
		
		.notformobile,
		header, 
		footer,
		.sidecolumn {
			display:none;
		}
		
		#middle {
			margin:0;
		}
		
		.content {
			padding: 1em;
		}
		
		.hero-text {
			float: none;
			width: auto;
		}
		.hero-image {
			float: none;
			width: auto;
		}
		
	}

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

		.wrapper {
			width: 740px; width: 61.667rem;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		footer .wrapper {
			border: none;
		}

		header h5 {
			margin: 120px 0 12px 250px; margin: 10rem 0 1rem 20.833rem;
		}
		header nav {
			margin-left: 24px; margin-left: 2rem;
		}
		
		footer .info .col {
			width: 14%;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 861px) 
	and (max-width : 980px) {
		
		.wrapper {
			width: 840px; width: 70rem;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		footer .wrapper {
			border: none;
		}
		
		header {
			margin-bottom: 2em;
		}
		
		header h5 {
			margin: 140px 0 12px 250px; margin: 11.667rem 0 1rem 20.833rem;
		}
		header nav {
			margin-left: 90px; margin-left: 7.5rem;
		}
		
		footer .info .col {
			width: 15%;
		}
		
	}

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