/*
	
	
	RESPONSIVE _ STYLESHEET
	
	FOR: 		REDC
	AUTHOR: 	Luke Smith - http://www.meshorti.com/
	
	

*/

.mobile { display: none; }
	
.wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 30px;
}

#header .logo img {
	max-width: 100%;
}

#content {
	width: 69%;
	padding: 0 2%;
}

aside {
	width: 28%;
	margin: 0 0 0 -2%;
}

@media screen and (max-width: 860px) {
	
	#header .logo {
		width: 250px;
	}
	
	#header .menu {
		padding-top: 20px;
	}
	
	#header .menu li {
		padding-bottom: 0;
	}
	
	#header .menu a {
		font-size: 14px;
	}
	
	#content {
		width: 65%;
	}
	
	aside {
		width: 32%;
	}
	
}

@media screen and (max-width: 670px) {
	
	.mobile { display: block; }
	
	#header .logo {
		width: 200px;
	}
	
	#header .menu {
		display: none;
	}
	
	#content {
		width: 96%;
	}
	
	aside {
		display: none;
	}
	
}

/* iPhone - [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

	.wrapper {
		padding: 0 15px;
	}
	
}