/*	47REASONS

*/


@media only screen and (max-width:1200px) {
	.homeIntro img,
	.teamBios img,
	.ourStory img {
		max-width:50%;
	}	
}

@media only screen and (max-width:1100px) {
	.primary-navigation {
		float:right;
		top:10px;
		margin:0;
	}
}

@media only screen and (max-width:1000px) {
	.homeHero {
		min-height:400px;
		background-position:left center;
	}
	.homeHeroTextBox {
		top:40px;
		left:40px;
	}
	.homeHeroTextBox h2 {
		font-size:30px;
	}
	.teamHeroTextBox {
		top:40px;
		left:40px;
		padding:20px 40px;
	}
}




@media only screen and (max-width:900px) { /* MOBILE MENU */
	.pad {
		max-width:95%;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		border:solid 1px #666;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		border:none;
	}
	.homeIntro h1,
	.homeIntro h2 {
		font-size:32px;
	}
	.homeServices {
		padding:40px 5%;
	}
	.homeServices ul.services {
		font-size:18px;
	}
}


@media only screen and (max-width:830px) {
	.homeBlogPosts article {
		width:100%;
		padding:20px 2%;
		border-bottom:solid 2px #CCC;
		margin:0 0 30px 0;
	}
}



@media only screen and (max-width:800px) {
	#wpcf7-f45-p39-o1 label.inline { /* start project form*/
		float:none;
		width:100%;
	}
}


@media only screen and (max-width:750px) {
	.storyHeroTextBox {
		left:auto;
		max-width:85%;
		margin:0 auto;
	}
	.storyHeroTextBox h2 {
		font-size:30px;
	}
	.ftrCol {
		width:49%;
	}
	.ftrCol.col3 {
		width:100%;
		margin-top:40px;
	}	
}


@media only screen and (max-width:650px) {	
	.homeHero {
		min-height:400px;
		background-position:17% center;
	}
}


@media only screen and (max-width:550px) {
	.startProjectBtn, .startProjectBtn:active, .startProjectBtn:focus {
		font-size:16px;
		padding:5px;
	}
	.homeIntro img,
	.teamBios img,
	.ourStory img {
		max-width:100%;
		float:none;
		margin:15px 0 !important;
	}
}


@media only screen and (max-width:500px) {
	#hdrLogo {
		width:50%;
		top:15px;
		transition:0.2s all;
	}
	.homeHero {
		background-position:center center;
	}
	.homeHeroTextBox {
		top:20px;
		left:auto;
		margin:0 auto;
		padding:20px;
	}
	.homeHeroTextBox h2 {
		font-size:24px;
	}
	.homeHeroTextBox h2 br {
		display:none;
	}
	.homeHeroTextBox h3 {
		font-size:20px;
	}
	
	ul.areasServed {
		column-count: 2;
		font-size:16px;
	}
	.site-main {
		max-width:90%;
	}
	#wpcf7-f45-p39-o1 {
		padding:30px 15px;
	}
	.teamHeroTextBox {
		left:auto;
		margin:0 auto;
	}
}


@media only screen and (max-width:500px) {
	
}

@media only screen and (max-width:500px) {
	
}

@media only screen and (max-width:500px) {
	
}