/*__________________________________________ 320px (iPhone) _*/
@media screen and (max-width:320px) {
	.intro p { margin: 0; }
	.designs { position: relative; }
}
/*__________________________________________ 480px (WVGA - Low End Windows Phone) _*/
@media screen and (max-width:480px) {
	body { margin: 0; padding: 0; }
	.designs { position: relative; }
	.wrapper { background: #fff; }
	.full-graphic { display: none; }
	.contact-us a { color: white; }
	.contact-us input[type=text], .contact-us textarea { width: 90%; }
	.waypoint { margin-bottom: 30px; }
	.hr-performance p {
		margin: 0 0 50px 0;
		}
	#leaders { text-align: center; }
}

/*__________________________________________ xGA iPad _*/
@media screen and (max-width:1024px) {
	body { margin: 0; padding: 0; }
	.designs { position: relative; }
	.intro p { font-size: 1.50em; line-height: 1.3em; color: #666; }
	.contact-us { background-attachment: scroll; }
	.leaders-wrapper { padding: 0 10%; text-align: center; }
	.contact-us input[type=text], .contact-us textarea { width: 80%; }
	.contact-us input[type=submit] { padding: 10px 20px; }

}

/*__________________________________________ Bootstrap 990px Breakpoint to 480px _*/
@media screen and (min-width:480px) and (max-width:1024px) {
	body { margin: 0; padding: 0; }
	.designs { position: relative; }
	.wrapper { background: #fff; }
	.waypoint, { margin-bottom: 30px; }
	.leaders-wrapper { padding: 0; text-align: left; }
	.designs .col-md-offset-7 { margin-left: 0%; width: 100%; }
}

/*__________________________________________ iPads (landscape) _*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.full-graphic { display: none; }
	.designs { position: relative; }
	.leaders-wrapper .col-md-6 p,
	.leaders-wrapper .col-md-6 h1 { padding-left: 10px; }

}

/*__________________________________________ iPads (portrait) _*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.full-graphic { display: none; }
	.designs { position: relative; }
	.wrapper { background: #fff; display: none; }
	ul.slides li { margin-bottom: 10px; }
	.hr-performance p {
		margin: 0 0 50px 0;
	}
	.hr-performance p span {
		font-size: 1.5em;
		text-align: center;
	}
}
/*__________________________________________ oddities _*/
@media screen and (min-width:1024px) and (max-width:1199px) {
	.designs { position: relative; }
	.designs .col-md-offset-7 { margin-left: 0%; width: 100%; }
}