/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 960px) {
	
	#wrap {
		width: 100%;
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.caryoutcol {
		width: 31%;
	}
	
	#logo {
	position: relative;
   	top: 0px;
	left: 0px;
	}
}

@media screen and (max-width: 825px) {
	
	#header h1 {
	font-size: 1.5em;
	}
}

@media screen and (max-width: 725px) {
	
	#header h1 {
	font-size: 1.2em;
	}
}

@media screen and (max-width: 600px) {
	
	.caryoutcol {
		width: 100%;
		float: none;
	}
	
	.headercol1, .headercol3 {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	.headercol2 {
		display: none;
	}
	
	.leftcol {
		float: none;
		width: 100%
	}

	.rightcol {
		float: none;
		width: 100%;
	}
}