/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design Ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 758px) {
		
		html {
			font-size: 75%;
		}
		
		html, body {
			margin:0;
			padding: 0;
		}
		
		.col,
		.cols {
			float: none;
			display: block;
			margin: 0;
		}
		.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
			width: auto;
			margin: 0;
			padding: 0 1em;
		}
		
		.wrapper,
		section.section .poster .descriptor,
		section.section .poster .more-container {
			width: auto;
		}
		
		header {
			display: none;
		}
			header h6 {
			}
			header nav {
				display: none;
			}
		
		footer span {
			display: block;
			font-size: 0.8em;
			margin-top: 1em;
		}
		
		a.image-tile {
			width: 98%;
		}
		
		.quicklinks {
			display: none;
		}
		
		section.preamble h1 {
			padding-left: 1em;
			padding-right: 1em;
		}
		
		section.section {
			margin-left: 1em;
			margin-right: 1em;
			border: 4px solid #959595; border: 0.286rem solid #959595;
		}
		
		section.section .poster {
			height: auto;
			background-image: none;
		}
			section.section .poster .descriptor { 
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				margin: 0;
			}
				section.section .poster .descriptor h3 {
					font-size: 24px; font-size: 1.714rem;
				}
				section.section .poster .descriptor .inner {
					padding: 0 0 1em 0;
					margin: 0;
					border: none;
				}
					section.section .poster .descriptor .inner p {
						margin-left: 1em;
						margin-right: 1em;
						display: none;
					}
				section.section .poster .descriptor .inner img.mobile {
					margin-bottom: 1em;
				}
		section.section .poster .more-container {
			display: none;
			width: 100%;
			margin: 0 auto;
			left: 0;
			bottom: 1em;
		}
			section.section .poster .more-container a {
				font-size: 1em;
				text-align: center;
				width: auto;
				height: auto;
				margin: 0;
				padding: 0.5em 0;
				-webkit-border-radius: 0%;
				-moz-border-radius: 0%;
				border-radius: 0%;
				background-image: none;
				background-color: transparent;
				color: #333;
			}
		
		section.section .content {
			margin-top: -2em;
		}
		
		section.section .content h4 {
			text-align: center;
			margin-left: 1em;
			margin-right: 1em;
		}
		
		.pic-grid img {
			width: 100%;
			height: auto;
		}

		.mobile {
			display: block;
		}

		.notformobile {
			display: none;
		}

	}

	/* ----------- */
	@media only screen 
	and (min-width: 759px) 
	and (max-width : 837px) {
		
		html {
			font-size: 67.5%;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 838px) 
	and (max-width : 975px) {
		
		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) {
		
	}