/**
*** Non-retina devices
**/


	/* Smartphones (portrait and landscape) ----------- */
	@media only screen 
	and (min-width: 0) 
	and (max-width : 480px) {

		footer .columns:before, footer .columns:after { content: ""; display: table; }
		footer .columns:after { clear: both; }
		footer .columns { *zoom: 1; }

		body {
			font-size:0.7em;
			background: #fff;
		}

		.mobileheader,
		.mobilefooter {
			display:block;
		}

		.map-mobile-cover {
			position:absolute;
			z-index:999999;
			left:0;
			top:0;
			width:100%;
			height:100%;
			display:none;
		}

		.wrapper {
			width:100%;
		}
		
		header .icon {
			display:none;
		}
		
		header .wrapper {
			background: url('../images/header.icon.small.png') 98% center no-repeat;
		}
		header.sticky .wrapper {
			background: none;
		}
		
		h4.logo-small a {
			display:none;
		}
		
		header {
			display:none;
		}
		
		footer {
			text-align:center;
			font-size: 1.2em;
			padding-bottom: 3em;
		}
			footer .columns {
				float:none;
				display:block;
				width: auto;
			}
			footer .eight,
			footer .four {
				width: auto;
			}
			footer .social {
				margin-top: 1em;
			}
		.signup-form input {
			width: 50%;
		}
		
		h4.logo {
			margin:1em 0.5em;
			margin-top:2em;
		}
		
		.side {
			display:none;
		}
		
		.middle {
			padding:0em 1em 2em 1em;
		}
		.content img {
			width:100%;
			height:auto;
		}
		.art-item img {
			width:100%;
			height:auto;
			margin-bottom: 1em;
		}

		.column, .columns {
			float:none;
			width:auto;
		}
		
		.story { 
			height:auto;
			box-shadow: none;
			border:0;
		}
			.story h1 {
				text-align:center;
			}
			.story .inner {
				width:auto;
				padding:2em 1em 4em 1em;
			}
			.story a.button {
				margin-right: auto;
				margin-left: auto;
				width: 90%;
			}
		#first,
		#second,
		#third,
		#fourth {
			background:#fff;
			opacity: 1;
		}
		
		#first {
			display:none;
		}
		
		#second article {
			height:auto;
			margin: 0em auto;
			background: none;
			padding:1em 0;
		}
			#second .inneragain {
				width:auto;
			}
		#third {
			margin:0;
		}
		#third article {
			height:auto;
			margin: 1em auto;
			background: none;
		}
			#third a.button {
				background-color: #544e44;
				color: #fff;
			}
		#third h1 {
			color: inherit;
		}
		#third .inneragain {
			width:auto;
		}
		#fourth {
			margin:0;
			border-top: 1px solid rgba(255,255,255,0.3); 
			border-bottom: 1px solid rgba(0,0,0,0.4); 
			box-shadow: none;
		}
		#fourth .inner {
			padding-top:0;
		}
		#fourth article {
			height:auto;
			margin:0em auto;
			background: none;
			color: inherit;
		}
			#fourth h1 {
				text-align:center;
			}
			#fourth .inneragain {
				width:auto;
				margin:1em auto;
			}
			#fourth .inneragain img {
				display:block;
				right: auto;
				width: 100%;
				height: auto;
				margin:0 0 1em 0;
				padding:0;
				position:relative;
			}
			#fourth a.button {
				background-color: #544e44;
				color: #fff;
			}
		#fifth {
			margin:1em 0;
			height:auto;
			display:none;
		}
		#fifth article {
			height:auto;
			background: none;
		}
			#fifth .inneragain {
				width:auto;
			}
			#fifth .columns {
				border-top: 1px solid rgba(255,255,255,0.3); 
				border-bottom: 1px solid rgba(0,0,0,0.4); 
				box-shadow: 0 0 50px rgba(0,0,0,0.8);
			}
		#sixth {
			height:auto;
		}
			#sixth iframe {
				height:400px;
				margin-top: 0;
			}
			#map { 
				height: 400px;
			}
			#sixth .topframe {
				display:none;
			}

		.middle.full {
			background: url('../images/home/new/hp-top-1.jpg');
		}
		
		header.sticky {
			height:auto;
			position:relative;
			width:auto;
		}
			header.sticky .wrapper {
				height:auto;
			}
			header.sticky .container {
				display:none;
			}

		.middle.full {
			background: url('../images/home/new/hp-top-2.jpg') center bottom;
			padding-top:0em;
		}	

		.slides-home {
			display:none;
		}
		
		.slides ul {
			height:200px;
			overflow:hidden;
		}
		
		.explore-map-container {
			display:none;
		}

		.signup-form input {
			padding-top:8px;
			height:23px;
		}

		.article .article-image {
			float:none;
			margin:0 0 1em 0;
		}
		.article .article-image-content {
			margin:0;
		}
		
	}

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

		footer .columns:before, footer .columns:after { content: ""; display: table; }
		footer .columns:after { clear: both; }
		footer .columns { *zoom: 1; }
		
		body {
			font-size:0.75em;
		}

		.wrapper {
			width:490px;
		}
		
		header .icon {
			display:none;
		}
		
		header.sticky .wrapper {
			background: none;
		}
		
		h4.logo-small a {
			display:none;
		}
		
		header {
			height:160px;
		}
		
		h4.logo {
			margin:1.8em 0;
		}
		
		.side {
			display:none;
		}
		
		.content img {
			width:100%;
			height:auto;
		}
		.art-item img {
			width:auto;
			height:auto;
		}

		.column:not(.donotcollapse), .columns:not(.donotcollapse) {
			float:none;
			width:auto;
		}
		
		.columns[data-info~="keepleft"] {
			float:left;
			width:48%;
		}
		.columns[data-info~="keepright"] {
			float:right;
			width:48%;
		}
		
		nav {
			font-size:0.7em;
		}
		
		header .info {
			display:;
			font-size:0.9em;
			width:220px;
		}
		
		.story { 
			height:auto;
			width:490px;
			margin:0 auto;
			border:0;
			box-shadow: none;
		}
			.story .inner {
				width:auto;
				padding:1em 1em 4em 1em;
			}
		#first,
		#second,
		#third,
		#fourth {
			background:#fff;
			opacity: 1;
		}
		
		#first {
			display:none;
		}
		
		#second article {
			height:auto;
			margin: 0em auto;
			background: none;
			padding:1em 0;
		}
			#second .inneragain {
				width:auto;
			}
		#third {
			margin:0 auto;
			padding:0;
		}
		#third article {
			height:auto;
			margin: 0em auto;
			background: none;
		}
			#third a.button {
				background-color: #544e44;
				color: #fff;
			}
		#third h1 {
			color: inherit;
		}
		#third .inneragain {
			width:auto;
		}
		#fourth {
			margin:0 auto;
			padding:0;
			border-top: 1px solid rgba(255,255,255,0.3); 
			border-bottom: 1px solid rgba(0,0,0,0.4); 
			box-shadow: none;
		}
		#fourth article {
			height:auto;
			margin:1em auto;
			background: none;
			color: inherit;
		}
			#fourth .inneragain {
				width:auto;
				margin:0em auto;
			}
			#fourth .inneragain img {
				display:block;
				right: auto;
				width: 100%;
				height: auto;
				margin:0 0 1em 0;
				padding:0;
				position:relative;
			}
			#fourth a.button {
				background-color: #544e44;
				color: #fff;
			}
		#fifth {
			margin:1em auto;
			height:auto;
			display:none;
		}
		#fifth article {
			height:auto;
			background: none;
		}
			#fifth .inneragain {
				width:auto;
			}
			#fifth .columns {
				border-top: 1px solid rgba(255,255,255,0.3); 
				border-bottom: 1px solid rgba(0,0,0,0.4); 
				box-shadow: 0 0 50px rgba(0,0,0,0.8);
			}
		#sixth {
			height:auto;
			margin:0 auto;
		}
			#sixth iframe {
				height:400px;
				margin-top: 0;
			}
			#map {
				height: 400px;
			}
			#sixth .topframe {
				display:none;
			}
		
		.middle.full {
			background: url('../images/home/new/hp-top-2.jpg') center bottom;
		}
		
		.slides-home {
			position:relative;
			right: auto;
			width: 100%;
		}
			.slides-home .slides ul {
				height: 20em;
			}
				.slides li {
					position: absolute;
					width: 100%;
					height: 100%;
				}
			.slides-home a.pip {
				background: #ddd;
			}

		footer {
			text-align:center;
			font-size: 1.2em;
			padding-bottom: 3em;
		}
			footer .columns {
				float:none;
				display:block;
				width: auto;
			}
			footer .eight,
			footer .four {
				width: auto;
			}
			footer .social {
				margin-top: 1em;
			}
		.signup-form input {
			width: 50%;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 769px) 
	and (max-width : 960px) {
		
		body {
		}

		.wrapper {
			width:780px;
		}

		nav {
			font-size: 0.87em;
		}

		header .icon {
			display:none;
		}
		
		header.sticky .wrapper {
			background: none;
		}
		
		h4.logo-small a {
			display:none;
		}
		
		.side {
			display:none;
		}
		
	}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		
		body {
		}
		
		.signup-form input {
			padding-top:8px;
			height:23px;
		}

		.map-mobile-cover {
			position:absolute;
			z-index:999999;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}

	}
	
	/* iPads (landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		
		body {
		}
		
		h4.logo-small a {
			display:none;
		}

		.story { 
			height:auto;
			width:960px;
			margin:0 auto;
		}
			.story .inner {
				width:auto;
				padding:2em 1em 4em 1em;
			}
		#first,
		#second,
		#third,
		#fourth {
			background:#fff;
			opacity: 0.8;
		}
		
		#first {
			display:none;
		}
		
		#second article {
			height:auto;
			margin: 0em auto;
			background: none;
			padding:1em 0;
		}
			#second .inneragain {
				width:auto;
			}
		#third {
			margin:0 auto;
		}
		#third article {
			height:auto;
			margin: 1em auto;
			background: none;
		}
			#third a.button {
				background-color: #544e44;
				color: #fff;
			}
		#third h1 {
			color: inherit;
		}
		#third .inneragain {
			width:auto;
		}
		#fourth {
			margin:0 auto;
			border-top: 1px solid rgba(255,255,255,0.3); 
			border-bottom: 1px solid rgba(0,0,0,0.4); 
			box-shadow: 0 0 50px rgba(0,0,0,0.8);
		}
		#fourth article {
			height:auto;
			margin:1em auto;
			background: none;
			color: inherit;
		}
			#fourth .inneragain {
				width:auto;
				margin:1em auto;
			}
			#fourth img {
				display:none;
			}
			#fourth a.button {
				background-color: #544e44;
				color: #fff;
			}
		#fifth {
			margin:1em auto;
			height:auto;
			display:none;
		}
		#fifth article {
			height:auto;
			background: none;
		}
			#fifth .inneragain {
				width:auto;
			}
			#fifth .columns {
				border-top: 1px solid rgba(255,255,255,0.3); 
				border-bottom: 1px solid rgba(0,0,0,0.4); 
				box-shadow: 0 0 50px rgba(0,0,0,0.8);
			}
		#sixth {
			height:auto;
			margin:0 auto;
		}
			#sixth iframe {
				height:500px;
				margin-top: 0;
			}
			#map {
				height: 500px;
			}
			#sixth .topframe {
				display:none;
			}
		
		.middle.full {
			background: url('../images/home/new/hp-top-3.jpg') center top;
		}

		.slides-home {
			display:none;
		}

	}
	
	/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		
		body {
			font-size:1em;
		}

		.wrapper {
			width:90%;
			margin:0 auto;
		}
		
		header .icon {
			display:none;
		}
		
		header.sticky .wrapper {
			background: none;
		}
		
		h4.logo-small a {
			display:none;
		}
		
		header {
			height:160px;
		}
		
		h4.logo {
			margin:1.3em 0 0 0;
		}
		
		.side {
			display:none;
		}
		
		.content img {
			width:100%;
			height:auto;
		}
		.art-item img {
			width:auto;
			height:auto;
		}

		.column:not(.donotcollapse), .columns:not(.donotcollapse) {
			float:none;
			width:auto;
		}
		.columns[data-info~="keepleft"] {
			float:left;
			width:48%;
		}
		.columns[data-info~="keepright"] {
			float:right;
			width:48%;
		}

		footer .social {
			height:100px;
		}
		footer .social p {
			height:31px;
		}
		
		nav {
			font-size:0.87em;
		}
		
		header .info {
			display:;
			font-size:0.9em;
			width:400px;
		}
		
		.story { 
			height:auto;
			width:90%;
			margin:0 auto;
		}
			.story .inner {
				width:auto;
				padding:2em 1em 4em 1em;
			}
		#first,
		#second,
		#third,
		#fourth {
			background:#fff;
			opacity: 0.8;
		}
		
		#first {
			display:none;
		}
		
		#second article {
			height:auto;
			margin: 0em auto;
			background: none;
			padding:1em 0;
		}
			#second .inneragain {
				width:auto;
			}
		#third {
			margin:0 auto;
		}
		#third article {
			height:auto;
			margin: 1em auto;
			background: none;
		}
			#third a.button {
				background-color: #544e44;
				color: #fff;
			}
		#third h1 {
			color: inherit;
		}
		#third .inneragain {
			width:auto;
		}
		#fourth {
			margin:0 auto;
			border-top: 1px solid rgba(255,255,255,0.3); 
			border-bottom: 1px solid rgba(0,0,0,0.4); 
			box-shadow: 0 0 50px rgba(0,0,0,0.8);
		}
		#fourth article {
			height:auto;
			margin:1em auto;
			background: none;
			color: inherit;
		}
			#fourth .inneragain {
				width:auto;
				margin:1em auto;
			}
			#fourth img {
				display:none;
			}
			#fourth a.button {
				background-color: #544e44;
				color: #fff;
			}
		#fifth {
			margin:1em auto;
			height:auto;
			display:none;
		}
		#fifth article {
			height:auto;
			background: none;
		}
			#fifth .inneragain {
				width:auto;
			}
			#fifth .columns {
				border-top: 1px solid rgba(255,255,255,0.3); 
				border-bottom: 1px solid rgba(0,0,0,0.4); 
				box-shadow: 0 0 50px rgba(0,0,0,0.8);
			}
		#sixth {
			height:auto;
			margin:0 auto;
		}
			#sixth iframe {
				height:400px;
				margin-top: 0;
			}
			#map {
				height: 400px;
			}
			#sixth .topframe {
				display:none;
			}
		
		.middle.full {
			background: url('../images/home/new/hp-top-5.jpg');
		}

		.slides-home {
			display:none;
		}


	}



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

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