/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{/* background-size:100% 75%; This squashes the image - so only use a pattern of sorts */
	text-align:center;
	}
#pageintro figure{padding-bottom:20px;}/* Required for the box-shadow on the image */
#pageintro figcaption{margin:0; padding:100px 0; font-size:4rem;}

/* Page Intro */
#pageintro{
	acolor:#fa543a;
	color:#fa442a;
	ccolor:#fa341a;
	dcolor: #444;
	}


#pageintro img{
	width: 65%;
	margin-right: 25px;
	box-shadow:0px 15px 10px -10px rgba(0,0,0,.5);
	border: 10px solid #000;
}


.sectiontitle{display:block; max-width:55%; margin:0 auto 80px; text-align:center;}
.sectiontitle *{margin:0;}



.bgded{
background-position:top center;
background-repeat:no-repeat;
background-size: cover;
background-image: url('/images/pexels-thisisengineering-3861958.dark.jpg');
}

.bgded2{
background-position:top center;
background-repeat:no-repeat;
background-size: cover;
background-image: url('/images/pexels-thisisengineering-3861958.screens.jpg');
}

.showcaseTitle {
	font-size: 30px;
}

.showcase_acmp {
	max-height: 80%;
	max-width: 80%;
	padding-top: 12%;
}
.showcase_airlot {
	max-height: 80%;
	max-width: 80%;
	padding-top: 12%;
}
.showcase_airtrade {
	max-height: 80%;
	padding-top: 12%;
}
.showcase_organicnearby {
	max-height: 80%;
	padding-top: 12%;
}
.showcase_schoolpathways {
	max-height: 80%;
	padding-top: 12%;
}
.showcase_simplystack {
	max-height: 80%;
	padding-top: 12%;
}
.showcase_simplystack_bg {
	background-color: #888;
}

#techSampling {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#techSampling li {
	margin-bottom: 25px;
}

#techSampling .one_third {
	margin: inherit;
}

@media screen and (max-width:978px){

#pageintro img{
	border: 1 px #000;
	width: 100%;
	float: inherit;
	}
}

@media screen and (max-width: 750px) {
		#techSampling .one_third {
		width: 100%;
	}

}