@media all and (max-width: 635px) {

	#mainMenu ul li a 
	{
		padding: .3em .6em;
	}

}



@media all and (max-width: 590px) {

	#mainMenu ul li a 
	{
		padding: .3em .5em;
	}

}



@media all and (max-width: 560px) {

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
	    float: none;
	    margin: 0;
	    padding-left: 0;
	    width: 100%;
	}

}


	



@media all and (max-width: 540px) {

	#mainMenu ul li a 
	{
		padding: .3em .3em;
	}	
	
}

@media all and (max-width: 515px) {

	#mainMenu ul li a 
	{
		padding: .3em .3em;
		font-size: .9em;
	}
	
}

@media all and (max-width: 485px) {

	#mainMenu ul { display: none; }
	
	#mainMenu #showMenu { display: block; }
	
	#logo { width: 120px; margin-top: 2px; }
	
	#mainHeader { height: 58px; padding-top: 10px; }
	
	#videoBanner, #imageBanner, #textBanner { margin-top: 58px; }
	
	#mainHeader.shrink { height: 58px; padding-top: 10px; }
	#mainHeader.shrink #logo { margin-top: 0; }
	#mainHeader.shrink #logo img { width: auto; }
	
}