@media (max-width: 1000px) {
	
	/* --- FONTS --- */
	
	body,
	#navigation
	{		
		font-size: 100%;
	}
	
	/* --- FONTS --- */
	
	body {
		width: 100%;
	}
	
	h1 {
		font-size: 2.5em;
		line-height: 1em;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	#logo,
	#main-nav {
		float: none;
	}
	
	#navigation-wrapper #promo-img {
		left: initial;
		right: 0;
	}
	
	#navigation {
		height: auto;
	}
	
	#navigation-wrapper,
	#featured-wrapper,
	#content-wrapper,
	.column-quarter,
	#featured-wrapper #text,
	#featured-wrapper #video {
		width: 100%;
		box-sizing: border-box;
	}
	
	#featured {
		height: auto;
	}
	
	#featured-wrapper #video {
		background-size: contain;
		height: auto;
	}
	#featured-wrapper #video:before {
		content: "";
		display: block;
		padding-top: 76.75%; 
	}
	
	#featured-wrapper #video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 80%;
		padding: 1em;
		box-sizing: border-box;
	}
	
	.column-quarter img,
	.text-block img {
		float: none;
		width: 100%;
	}
	
	.text-block .text {
		margin-left: 0;
	}
	
}

/* ----- RESPONSIVE MENU ----- */

ul#main-nav > label.switch {
	display: none;
	cursor: pointer;
	padding: 0.5em 0;
	font-size: 2em;
	line-height: 1em;
}
	
ul#main-nav > label.switch:before {
	content: "";
	position: absolute;
	display: block;
}

ul#main-nav > .switchbox {
	display: none;
}

@media screen and (max-width: 1000px)  {

	ul#main-nav  {
		width:  100%;
		text-align: center;
		line-height: 4em;
	}
	
	ul#main-nav > li,
	ul#main-nav > li:last-child {
		display: none !important;
		position: relative;
		width: 100% !important;
		border: none;
		border-top: 1px solid #e6e6e6;
	}
		
	ul#main-nav > label.switch,
	ul#main-nav .switchbox:checked ~ li  {
		display: block !important;
		box-sizing: border-box;
	}
	
}