/* STRUCTURE */

#pagewrap {
	width: auto;
	padding: 0px 150px 0px 150px;
}
#content {
	width: 60%;
	float: left;
	padding: 0px 20px 0px 20px; /* top right bottom left*/
}

#middle {
	width: 30%;
	float: left;
	padding: 0px 20px 0px 20px;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: auto;
		padding: 0px 20px 0px 20px;
	}
	#content {
		width: auto;
		padding: 5px 20px 0px 20px; /* top right bottom left*/
		float: none;
	}
	#middle {
		width: auto;
		padding: 5px 20px 0px 20px;
		float: none;
	}
	

}

/* for 700px or less */
@media screen and (max-width: 600px) {
	#pagewrap {
	width: auto;
	padding: 0px 20px 0px 20px;
	}
	
	#content {
		width: auto;
		padding: 5px 20px 0px 20px;
		float: none;
	}
	
	#middle {
		width: auto;
		padding: 5px 20px 0px 20px;
		float: none;
	}

}