/* Medium Screens (Desktops) */

@media only screen and (max-width : 1225px) {
	.section {
		width: 970px;
	}	
	
	#headerflash,
	#footer	{
		width: 737px;
	}
	
	#content {
		width: 713px;
	}
	
	#header {
		background-position: 228px 0;
	}
}

/* Small Screens (Tablets) */

@media only screen and (max-width : 991px) {
	.section {
		width: 750px;
	}
	
	body {
		background-position: center 42px;
		-webkit-background-size: 100% 287px;
		-moz-background-size: 100% 287px;
		background-size: 100% 287px;
	}
	
	#header {
		background-position: 0 0;
	}
	
	#slogan,
	#locations {
		padding-left: 13px;
	}
	
	#headerflash, #footer {
		width: 517px;
	}
		
	#headerflash,
	#headerflash .slides li .inner,
	#navigation	{
		height: 202px;
	}

	#content {
		width: 506px;
	}
	
	#menu a {
		padding-top: 7px;
		padding-bottom: 7px;
		background-position: 195px 10px;
	}

}

/* Extra Small Screens (Mobiles) */

@media only screen and (max-width : 767px) {
	.section {
		width: 480px;
	}
	
	body {
		margin: 0;
		background-position: center 68px;
		background-size: 100% 272px;
	}
	
	select.services {
		display: block;
	}
	
	#menuBtn {
		display: block;
	}
	
	#left {
		display: none;
	}
	
	#wrapper {
		background: #fff;
	}
	
	#headerflash, #footer {
		float: none;
		width: auto;
	}
	
	#content {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	
	#leftPages {
		float: none;
		width: auto;
	}
	
	#header {
		height: auto;
		background-color: #fafafa;
		background-position: 18px 0;
		padding-top: 35px;
		padding-bottom:5px;
		-webkit-background-size: 500px;
		-moz-background-size: 500px;
		background-size: 500px;
	}
	
	#headerflash, #headerflash .slides li .inner, #navigation {
		height: 188px;
	}

	#slogan {
		width: auto;
		padding: 0 15px;
		text-align: center;
	}
	
	#phone {
		float: none;
		margin: 5px 0;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#locations {
		width: auto;
		text-align: center;
		padding: 0 35px;
	}
	
	#footer {
		text-align: center;
	}
	
	.hideOnMobile {
		display: none;
	}
	
	
}

@media only screen and (max-width : 500px) {
	.section {
		width: 420px;
	}
	
	#header {
		-webkit-background-size: 430px 75px;
		-moz-background-size: 430px 75px;
		background-size: 430px 75px;
	}

}

@media only screen and (max-width : 478px) { 
	.section {
		width: 300px;
	}
	
	body {
	   background-position: center 108px;
		-webkit-background-size: 100% 175px;
		-moz-background-size: 100% 175px;
		background-size: 100% 175px;
	}
	
	#headerflash, #headerflash .slides li .inner, #navigation {
		height: 117px;
	}
	
	#header {
		background-position: 7px 1px;
		padding-top: 35px;
		background-size: 323px 75px;
	}
	
	#menuBtn { 
		top: 77px;
	}
	
	#locations {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	h1 {
		text-align: center;
	}
	
	h2 {
		text-align: center;
	}

	ul {
		padding-left: 14px;
	}
}