/* ---------------------MEDIA QUERIES---------------------- */
.big-callout {
	display: none;
}
@media all and (min-width: 1280px) {
	nav#primary li.mega, nav#primary li.megaNone {
		font-size: .8em;
		font-weight: 300;
	}
}

@media screen and ( max-width: 1080px) {
	.letter p { width: 95%; float: left; }
	.imgRightWideLetter { float: left; margin: 0; }
}

@media screen and ( max-width: 1024px) {
	#header {
		height: 110px;
	}
	#header .page-title a span {
		display: block;
	}
	#featuredInspectors {
		overflow:hidden;
	}
	#contentOverlay .projectDetail {
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and ( max-width: 880px) {
	#homeBtmWrapper {
		margin: 0 0 1em 0;
		/*width: 96%; */
	}
	#homeColumn1, #homeColumn2 {
		width: 50%;
	}
	#homeColumn3 {
		width: 100%;
	}
	#homeColumn2 {
		padding: 0 0 1.5em 0;
	}
	#homeColumn3 {
		padding: 0 0 1.95em 0;
	}
	#homeColumn2 h2:after {
		display: none;
	}
}
@media screen and ( max-width: 820px) {
	nav#primary { display: none; }
	nav#mobileWrapper { display: inline; }
	#logo { float: left; margin: .75em 10px .5em 0; }
	#secNav {
		margin: 0;
		padding: 1rem 0 1.5rem 0;
		background: none;
		width: 100%;
	}
	#secNav ul {
		display: block;
		margin: 0 auto;
		width: calc(100% - 2rem);
	}
	h1, #header .page-title, #pageCenter h1 {
		font-size: 1.75em;
	}
	#header .page-title {
		padding: .45em 0 .45em 56px;
	}
	ul#global li {
		font-size: .75em;
	}
	h2 { font-size: 1.5em;}
	h3 { font-size: 1.25em; }
	h4 { font-size: 1em; }
	p.pageLeader { padding-top: 2em; }
	.empty { display: none; }
	#rightColumn {
		float: none;
	}

	#registration {
		position: absolute;
		top: 0;
		left: calc(100% - 128px);
		margin: 0;
	}
	#rightColumn #registration ~ h2 {
		width: calc(100% - 136px);
	}
	#rightColumn h2 {
		width: 100%;
	}
	#leftColumn {
		width: 100%;
		max-width: 100%;
	}
	#leftColumn .title {
		text-align: center;
	}
	#leftColumn aside { margin: 0 0 1.5em 0; }
	#leftColumn h2 { padding: 1.5em 0 1em 15px; }
	#leftColumn aside.redArrow { background: none; }
	#leftColumn aside.yellowArrow { background: none; }
	#secNav li {
		text-align: center;
	}
	#rightColumn {
		width: calc(100% - 32px);
		border-left: none;
		min-height: 0;
	}
	#footer { padding: 1.5em 0 1.5em 0; }
	#footer ul { line-height: 1.45; text-align: left; }
	#footer a:link { border: none; padding: 0; }
	#share { padding: 2em 10px 1em 0; }
}

@media all and (min-width: 769px) {
	/*#featuredInspectors {
		height: 680px;
  	background: #333d47;
	}*/

}
@media screen and ( max-width: 768px) {
	#contentOverlay .projectDetail {
		padding-bottom: 20px;
	}

}
@media screen and ( max-width: 750px) {
	.mobileSecNavTitle { display: none; }
}

@media screen and ( min-width: 730px) {
	.mobileSecNavTitle { display: none; }
}

@media screen and ( max-width: 640px) {
	#globalWrapper { display: none; }
	#homeColumn1 {
		width: 100%;
	}
	#homeColumn2 {
		width: 100%;
		border-right: none;
		border-left: none;
		padding-bottom: 1.5em;
	}
	.news-wrapper {
		margin: 1rem auto 0 16px;
		width: 90%;
	}
	#joinOurTeam, .portfolio-inner {
		margin: 1rem auto 2rem 16px;
	}
	ul.socialMediaHome {
		margin: 1rem 0 12px 0;
	}
	#footer .footer-middle {
		padding: 0 16px;
	}
}
@media all and (max-width: 600px) {
	.padLeft20 {
		padding-left: 0;
	}

}
@media screen and ( max-width: 500px) {
	.imgRightWideLetter { width: 100%; height: auto; }
	.imgRightWideLetter img { width: 100%; height: auto; }
	.letter { padding: 20px; width: 85%; }
	.imgRightWide { width: 100%; height: auto; }
	.imgRightWide img { width: 100%; height: auto; }
	.rightFeature { float: left; margin: 0 0 20px 0; width: 85%; }
	#footer .footer-inner {
		-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	}
	#footer .footer-right {
		margin-top: -1em;
	}
	#footer .footer-right li:nth-child(2) {
		margin-top: -1rem;
		padding-left: 18px;
		text-align: left;
	}
	#footer li a img {
		margin: 0 auto 0 0;
		max-width: 95px;
	}
}
@media all and (min-width: 500px) {
	#slideshow {
		height: 275px;
	}
}
@media screen and ( max-width: 340px) {
	.floatLeft.padLeft20:nth-of-type(3n) ~ .floatLeft.padLeft20 {
		clear: left;
	}
	.imgLeft { padding: 0 20% 10px 20%; }
	.imgRight { padding: 0 25% 10px 25%; }
	.imgRight2 { text-align: center; }
	.decRegion, .decLabelLeft {
    width: 85%;
	}
}
@media all and (min-width: 600px) {
	#slideshow {
		height: 365px;
	}
}
@media all and (min-width: 700px) {
	#slideshow {
		height: 385px;
	}
}
@media all and (min-width: 768px) {
	#slideshow {
		height: 400px;
	}
}
@media all and (min-width: 800px) {
	#slideshow {
		height: 500px;
	}
}
@media all and (max-width: 1023px) {
	#featuredInspectors h1 {
		color: #1E242B;
	}
}
@media all and (min-width: 1024px) {
	#gradientOverlay {
		width: 40%;
		height: 100%;
		float: left;
	}
	#contentOverlay div.projectInfoContainer {
		position: relative;
		width: 100%;
	}
	#slideshow {
		width: 60%;
		height: 100%;
		float: right;
	}
	#slideshow img {
		width: 100%;
		height: auto;
	}
	#contentOverlay {
		color: #fff;
		position: absolute;
		bottom: 50%;
		margin: 0;
		left: 18px;
    width: calc(100% - 48px);
		transform: translateY(50%);
	}
	.small-callout {
		display: none;
	}
	.big-callout {
		display: block;
		margin-bottom: 4px;
	}
	#featuredInspectors {
		height: 620px;
		background: #333d47;
	}
	#contentOverlay a.more {
		color: #fff;
		background: transparent;
		border: #fff 1px solid;
	}
		#contentOverlay a.more:hover {
			color: #333E48;
			background: #fff;
		}
	#contentOverlay .projectNavigation {
		margin: .5rem 0 .5rem auto;
	}
	#contentOverlay a.prev {
		background: url(/images/btn_featured_inspectors_prev_wh.png) no-repeat scroll 0 0 transparent;
		background-size: cover;
	}
	#contentOverlay a.next {
		background: url(/images/btn_featured_inspectors_next_wh.png) no-repeat scroll 0 0 transparent;
		background-size: cover;
	}
}
@media all and (min-width: 1305px) {
	#featuredInspectors {
		height: 520px;
	}
}