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

	html {-webkit-text-size-adjust: none;}
	
	a[href^="tel"]{color:inherit; text-decoration:none;}
	
	#intro form {padding: 0 5% 0 5%;}
	
	#wrapperHeader {height: auto;}

	#logo {height: auto; text-align: center; padding: 10px 30px 10px 30px;}
	
	#nav {height: auto; text-align: center; padding: 18px 0 18px 0;}
	#nav ul {width: auto; margin: 0; padding: 0;}
	#nav li a:link {padding: 0 2% 0 2%;}
	#nav li a:visited {padding: 0 2% 0 2%;}
	#nav li a:active {padding: 0 2% 0 2%;}
	#nav li a:hover {padding: 0 2% 0 2%;}

	#nav li a.active {padding: 0 2% 0 2%;}
	
	#intro p {padding: 0 5% 0 5%;}

}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}