@media screen and (max-width: 1000px) {

	
	body, #header .full  {
		background-size: 1000px auto;
	}
}


@media screen and (max-width: 710px) {

	
	#mainMenu a:link, #mainMenu a:visited, #mainMenu a {
		font-size: 16pt;
		padding: 0px 16px;
	}
	
	#mainMenu li, .mainMenu li {
    font-size: 10pt;
}
	
	#socialcards {
		width: 300px;
		
	}
	
	#socialcards .cards a{
		width: 100px; height: 100px;
		-webkit-transform: rotate(-25deg) translate(0px, 10px);
	-moz-transform: rotate(-25deg) translate(0px, 10px);
	}
	
	#socialcards .twitter a { background-position:  -107px 0; }
	#socialcards .youtube a { background-position:  -212px 0; }
	
	#socialcards .cards a:hover {
		-webkit-transform: rotate(-3deg) translate(10px, -15px);
		-moz-transform: rotate(-3deg) translate(10px, -15px);
	}
	
	
	#logofooter {
		background-image: url(none);
		padding-left: 20px;
	}
	
}

@media screen and (max-width: 640px) {

	
	#mainMenu a:link, #mainMenu a:visited, #mainMenu a {
		font-size: 10pt;
	}
	
}


@media screen and (max-width: 490px) {

	
	#header .fdltd {
		left: 26px;
		top: -115px;
		/*width: 360px;*/
		width: 250px;
		height: 26px;
		background-size: auto 12px;
	}
	
	#header div.logo div.l {
		height: 120px;
		width: 80px;
	}
	
}