/* CSS Document */

/* Large desktop */
@media (min-width: 1200px) { 
	
}

/* Small desktop and down*/
@media (max-width: 979px) {	
	#main-nav .nav-collapse .nav > li > a,
	#main-nav .nav > li > a:focus, 
	#main-nav .nav > li > a:hover,
	#main-nav .nav > .active > a, 
	#main-nav .nav > .active > a:hover, 
	#main-nav .nav > .active > a:focus { padding: 0; background: none; height:30px; line-height:30px; }
	#main-nav .nav > .pull-right { float:none; }
	#main-nav .nav { padding-bottom: 10px; }
	#main-nav .nav li.first,
	#main-nav .nav li { padding-left: 15px; padding-right: 15px; }
	#main-nav .nav li.active,
	#main-nav .nav li:hover,
	#main-nav .nav li:focus { background:#002E4A; }	

	#heading.with-image { min-height: 200px; }
	#heading.with-image img { max-width: 50%; max-height:200px; }
	#heading.with-big-image { min-height: 200px; }
	#heading.with-big-image img { max-width: 50%; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	

	#heading h1, 
	#heading h2,
	#heading p { margin-right: 15px; }
	#heading.with-image img,
	#heading.with-big-image img { position: static; max-width: 100%; max-height:100%; }
	
	body.home .span4,
	body.home .span7 { margin-bottom: 30px; } 
	#home-services-2 img { margin: 0 auto 10px auto; }
	#home-services-2 { text-align: center; }
	#home-services-2 ul { text-align: left; display:inline-block; margin: 0 auto; width:auto; }
	
	.container,
	#main-footer .container { padding-left: 20px; padding-right:20px; }
	
	#main-content-inner { padding-left:0; }
	
	#main-footer-social .span1 { display: none; }	
	#main-footer-social .span4,
	#main-footer-social .span3 { margin-bottom: 20px; }	
	
	.wpcf7-form .span4 { text-align:left; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	
}
 
/* Narrow browsers */
@media (max-width: 620px) {
	#header { text-align:center; }
	#header a.logo { float:none; margin-left:0; margin-right:0; }
	#header #header-items,
	#header #header-links,
	#header #header-contact,
	#header #header-links li{ float:none; } 
	#header #header-items { margin-top:26px; }
	#header #header-links li { display:inline-block; margin-left: 3px; }
	#header #header-contact { text-align:center; }
}