/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.hero h1 img { width: 200px; }	
	.clients { width: 100%; }
	.clients h1 { background: url('../img/h1-bg.png') no-repeat center bottom; }
	#servicesSlider { margin-top: 140px; }
	.wrapper { background: #f3f5f8; height: 580px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.hero { padding-top: 20px; }
	.hero h1 { margin-top: 0; }
	.hero h1 img { width: 300px; }
	.hero p, .hero .tagline { font-size: 16px; }
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
	.hero { 
		background: url('../img/hero-bg.jpg') repeat-y top center; 
		background-attachment: fixed;
		padding: 30px 0 125px 0; 
		height: auto; 
	}
	.success {
		background: url('../img/success-bg.jpg') repeat-y top center; 
		background-attachment: fixed;
		height: auto; 		
	}
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.clients { width: 100%; }
	.clients h1 { background: url('../img/h1-bg.png') no-repeat center bottom; }
	#servicesSlider { margin-top: 15%; }
	.designs { top: 90px; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}
/* Bootstrap 990px Breakpoint */
@media screen and (max-width:990px) {
	.hero h1 img { width: 225px; }	
	.hero p, .hero .tagline { font-size: 20px;}
	.clients { padding-top: 50px; }
	.clients { background: #F15A29;}
	.slides h2, .slides p { color: #fff; }
	#servicesSlider { margin-top: 115px; }
}
@media screen and (min-width:991px) {
	.slides p { color: #fff; }	
}