/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 989px) {
		
		html {
			font-size: 75%; /* 14px */
		}
		
		header {
			display:none;
		}
		
		.mobile {
			display:block;
		}
		
		.col,
		.cols {
			float: none;
			display:block;
			margin: 0 0 1em 0;
		}
		.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
			width: auto;
		}

		footer {
			height: 200px; height: 12.5rem;
		}

		.wrapper {
			width: 90%;
			margin: 0 auto;
		}
		
		h1 {
			font-size: 48px; font-size: 3rem;
		}
		
		.abovecontent {
			margin-top: 5em;
		}
		
		.new-badge {
			display:none;
		}
			
	}

	/* ----------- */
	@media only screen 
	and (min-width: 990px) 
	and (max-width : 1320px) {
		
		header nav {
			display:block;
			position:absolute;
			left:32%;
			top:40px; top: 2.5rem;
			text-align:left;
			margin-top: -0.4em;
			-webkit-column-count:2;
			-moz-column-count:2;
			-ms-column-count:2;
			-o-column-count:2;
			column-count:2;
			-webkit-column-gap:16px; -webkit-column-gap:1rem;
			-moz-column-gap:16px; -moz-column-gap:1rem;
			-ms-column-gap:16px; -ms-column-gap:1rem;
			-o-column-gap:16px; -o-column-gap:1rem;
			column-gap:16px; column-gap:1rem;
			columns:2;
		}
			header nav li { 
				float: none;
				margin:0;
			}
				header nav a {
					padding: 0.2em 0;
					color: #e0e0e0;
				}
					header nav a em {
						display: none;
					}
					header nav a:hover,
					header nav a.selected {
						color: #fff;
					}
					header nav a:hover em,
					header nav a.selected em {
						display:none;
					}

	}

	/* ----------- */
	@media only screen 
	and (min-width: 1321px) 
	and (max-width : 1380px) {
		
		header nav li {
			margin-left: 18px; margin-left: 1.125rem;
		}
		
	}