#navigation {
	padding-top: 10px;
	height: 62px;
}
#navigation a {
	font-size: 28px;
	padding-left: 10px;
	padding-right: 10px;
	
}
#navigation7 {
	width: 32px;
	padding-left: 170px; 
}
#navigation3 {
	width: 32px;
	padding-left: 130px; 
}
#navigation4 {
	width: 32px;
	padding-left: 90px; 
}

div.content { width:100%; margin:0; border:none; }

@media only screen  and (max-width: 703px) {
	.hide-over700 {
		display: inline;
	}
	.hide-under700 {
		display: none;
	}
	div.third {
		width: 100%;
		min-height: 150px;
		padding-top: 8px;
	}
	#navigation {
		padding-top: 10px;
		height: 42px;
	}
	#navigation a {
		font-size: 28px;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 20px;
	}
	#navigation8 {
 		 width: 86px;
	}
	#navigation7 {
		width: 28px;
		padding-top: 8px;
		padding-left: 150px; 
	}
	#navigation3 {
		width: 28px;
		padding-top: 8px;
		padding-left: 115px; 
	}
	#navigation4 {
		width: 28px;
		padding-top: 8px;
		padding-left: 80px; 
	}
}
.half {
	min-height: 400px;

}
@media only screen  and (max-width: 626px) {
	#navigation {
		
	}
	#navigation a {
		font-size: 26px;
		padding-left: 6px;
		padding-right: 6px;
		
	}
}
@media only screen  and (max-width: 570px) {
	#navigation a {
		font-size: 24px;
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media only screen  and (max-width: 556px) {
	div.third {
		width: 100%;
		min-height: 150px;
		padding-top: 8px;
	}
	.half {
		width: 100%;
		min-height: 300px;
	}
	.halfv {
		width: 100%;
	}
	#navigation8 {
 		width: 76px;
	}
	#navigation7 {
		width: 22px;
		padding-top: 14px;
		padding-left: 140px; 
	}
	#navigation3 {
		width: 22px;
		padding-top: 14px;
		padding-left: 110px; 
	}
	#navigation4 {
		width: 22px;
		padding-top: 14px;
		padding-left: 80px; 
	}
	body {
		font-size:14px;
	}
	div.third {
		font-size:14px;
	}
	#navigation a {
		font-size: 22px;
		padding-left: 4px;
		padding-right: 4px;
	}
}
@media only screen  and (max-width: 500px) {
	#navigation a {
		font-size: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}
	#navigation8 {
 		width: 70px;
	}
}
@media only screen  and (max-width: 500px) {
	.hide-mobile {
		display: none;
	}
	.hide-desktop {
		display: inline ;
	}
	
	
	
	#navigation  {
	padding-top: 0px;	
	}
}
@media only screen  and (max-width: 402px) {
	#navigation a {
		font-size: 19px;
		padding-left: 5px;
		padding-right: 5px;
	}
	#navigation8 {
 		width: 66px;
	}
}
@media only screen  and (max-width: 380px) {
	.hide-under380 {
		display: inline;
	}
	#navigation {
	padding-top: 10px;
	height: 62px;
	}
}