@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 920px) {
.contactBg {
		background: url(../img/callMe-med.png) no-repeat right bottom;
	}
	#tagline {
		max-width:370px;
		margin-top:5px;
	}
	.catalog h6 {
		z-index:10;
		font-size:1.25em;
		line-height: 2em;
	}
	.getStarted h6 {
		z-index:10;
		font-size:1.125em;
		line-height: 2em;
	}
}

@media only screen and (max-width: 806px) {
	.topZindex, .topZindex2, .topZindexHome {
		background-image: none;
	}
	.headerTitle h1 {
		font-size:1.25em;
	}
	.headerTitle {
		left: 8%;
	}
	.col {
		margin: 0;
	}
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.padding-1-3 {
		margin: 0px;
		padding: 0 8% 20px;
		border-top:solid 1px #ccc;
	}
	.padding-2-3 {
		padding: 0 8% 40px 8%;
		margin: 0;
	}
	.icon {
		max-width:330px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.contactBg {
		background: url(../img/callMe-med.png) no-repeat right bottom;
	}
	.contactBg h5, .contactBg h4, .contactBg p {
		text-align:center;
	}
	#icons {
		display:none;
	}
	.wbpLogo {
		max-width:340px;
		top:10px;
	}
	.hideBr {
		display:none;
	}
}

@media only screen and (max-width: 745px) {
	.homeTopSpace {
		padding-top:34%;
	}
	.wbpLogo {
		display:none !important;
	}
	#tagline {
		display:none !important;
	}
	.wbpLogoTxt {
		display:block !important;
		width:100%;
		max-width:300px;
		margin:0 auto;
		position:absolute;
		z-index:200;
		left:0;
		right:0;
		top:0px;
	}
	.padding-sub {
		padding: 30px 10%;
		margin: 0px;
	}
	.getStarted {
		width:100%;
		margin-top: 20px;
	}
	#icons {
		display:none;
	}
}

@media only screen and (max-width: 480px) {
		.flexsliderWrap .flexslider .flex-caption {
			bottom: -160px;
			font-size:1.125em;
			margin-left:3%;
		}
		.headerTitle {
			position: absolute;
			top: 100px;
			left: 8%;
		}
		.headerImg {
			min-height: 170px;
		}
		.headerImg > img {
			position: relative;
			overflow: hidden;
			height:auto;
			width: 130%;
			margin-left:-30%;
		}
		.padding-2-3-home {
			margin-top:110px;
		}
		.homeTopSpace {
			padding-top:53%;
		}
		.contactBg h5, .contactBg h4, .contactBg p {
			text-align:left;
		}
		.padding-sub1 {
			margin: 0;
			padding: 15px 10%;
		}
		.padding-sub {
			margin: 0;
			padding: 15px 10%;
		}
		.padding-sub2 {
			margin: 0;
			padding: 30px 10%;
		}
}

@media only screen and (max-width: 340px) {
		.flexsliderWrap .flexslider .flex-caption {
			bottom: -155px;
			font-size:1em;
			margin-left:3%;
		}
		.titleBr {
			display: block;
		}
}