/*********************************************************************************/
/* Below 1300px                                                                   */
/*********************************************************************************/
@media (max-width: 1300px) { /* 1300px */

	#mainbanner .mainslider .mainimage .wrapper .caption h1 {
		font-size: 2rem;
	}
	#mainbanner .mainimage .caption,
	#mainbanner .mainslider .caption {
		top: 200px;
	}
	#mainbanner .mainslider .mainimage .wrapper .caption h1 {
		font-size: 3rem;
	}
	.hero .hero-text p.title, 
	.hero .hero-text h1 {
		font-size: 2rem;
		line-height: 2rem;
		margin: 0 0 20px 0;
	}
	.hero .hero-text p {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

}
/*********************************************************************************/
/* Below 990px                                                                   */
/*********************************************************************************/
@media (max-width: 990px) { /* 990px */

	/*body {
		background: #323232 url('_gfxlib/carbonbg990.jpg') no-repeat center center fixed;
		background-size: cover;
	}*/
	#header {
		height: auto;
		position: relative;
	}
	#header #logo {
		float: none;
		margin: 1em auto .5em auto;
	}
	#header #logo {
		width: 200x;
		height: 50px;
		background: url(_gfxlib/logo440.png) no-repeat center;
		background-size: 100%;
	}
	#header #topcontact {
		width: 100%;
		text-align: center;
		margin: 1em auto;
		font-size: 1em;
	}
	.hero {
		margin-top: 0;
	}
	.flexwrapper {
		flex-wrap: wrap;
	}
	.flexwrapper .halfblock {
		width: 100%;
	}
	.fullwidthpromo .textblock h2 {
		font-size: 1.5rem;
	}
	.fullwidthmappromo {
		flex-wrap: wrap;
	}
	.formblock {
		width: 90%;
	}
	.fullwidthpromo .mapblock {
		width: 100%;
	}
	#mainbanner {
		padding: 0;
		max-height: none;
		margin-top: 195px;
	}
	#mainbanner .mainimage .caption,
	#mainbanner .mainslider .caption {
		float: left;
		position: relative;
		width: 98%;
		max-width: 100%;
		margin: 0;
		left: auto;
		right: auto;
		top: auto;
		padding: 20px 1%;
		background: #289637;
	}
	#mainbanner .mainslider .mainimage .wrapper .caption h1 {
		font-size: 2rem;
		letter-spacing: .125rem;
	}
	#mainbanner .wrapper #strap,
	#signinform {
		width: 98%;
		margin: 0 1%;
	}
	.toppad {
		margin-top: 180px;
	}
	#signuplink {
		float: left;
		width: 100%;
		margin-bottom: 150px;
	}
	#contentform #ajaxform .formlayout {
		width: 96%;
		margin: 0 2%;
	}
	.fullwidthpromo .imgblock.contactimage {
		width: 96%;
		margin: 1rem 2%;
	}
	.contentwrapper .contentlist50 li {
		width: 100%;
		float: left;
		text-align: center;
	}
}
/*********************************************************************************/
/* Below 750px                                                                   */
/*********************************************************************************/
@media (max-width:750px) {
	
	.fullwidthpromo,
	.contentblock,
	.projectpromo, 
	.projectgallery {
		flex-wrap: wrap;
	}
	.fullwidthpromo.promoleft {
		flex-direction: row-reverse;
	}
	.fullwidthpromo .imgblock, 
	.fullwidthpromo .mapblock, 
	.fullwidthpromo .subtitleblock, 
	.fullwidthpromo .moreblock {
		width: 100%;
	}
	.fullwidthpromo .textblock {
		width: 90%;
		padding: 2rem 5%;
	}
	.fullwidthpromo .textblock h2 {
		font-size: 1.25rem;
	}
	.testimonialwrapper p {
		font-size: 1.25rem;
	}
	
	.contentwrapper .textwrap {
		float: left;
		width: 90%;
	}
	.contentwrapper .textwrap.left {
		margin: 0 5%;
	}
	.contentwrapper .imagewrap.right {
		float: left;
		width: 50%;
		margin: 1rem 25%;
	}
	.contentwrapper.accreditation img {
		width: auto;
		height: 75px;
	}

	#footer #creditswrapper #copyright,
	#footer #creditswrapper #webcredit {
		width: 98%;
		margin: 1em 1%;	
	}
	#footer {
		text-align: center;	
	}
	#footer #creditswrapper #webcredit {
		text-align: center; 	
	}
	#footer #social {
		float: none;
		width: 100%;
		margin: .5em auto;
		text-align: center;
	}
	#footer #social img,
	#footer #social .fb-like  {
		margin: .5em;
	}
}
/*********************************************************************************/
/* Below 650px                                                                   */
/*********************************************************************************/
@media (max-width:650px) {	
	.contentwrapper {
		margin: 10px 5%;
		padding: 10px 0;
	}
	.contentwrapper .preview #contentform,
	.fullwidthpromo .imgblock.contactimage {
		width: 96%;
		margin: 1em 2%;
		max-width: none;
	}
	.contentwrapper .preview .imgright {
		width: 80%;
		margin: 1em 10%;
	}
}
/*********************************************************************************/
/* Below 550px                                                                   */
/*********************************************************************************/
@media (max-width:550px) {	
	.contenttable th,
	.contenttable td {
		font-size: 90%;
	}
	.contenttable .resphide {
		display: none;
	}
	#mainbanner {
		margin-top: 160px;
	}
	#mainbanner .mainslider .mainimage .wrapper .caption h1 {
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	.contentwrapper h1 {
		font-size: 1.75rem;
	}
	.contentwrapper h2 {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	.contentwrapper h3 {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.contentwrapper p,
	.contentwrapper .contentlist li {
		font-size: 90%;
	}
	.highlightwrapper h1 {
		font-size: 120%;
	}
	.highlightwrapper p {
		font-size: 100%;
	}
	.testimonialwrapper q, .testimonialwrapper p {
		font-size: 1.125rem;
	}

}