#content { max-width:1375px;margin: 0 auto; float:none;}

h2 { font-size:1.7em}
h3 { font-size:1.3em; }
div#breadcrumb { position:relative; float:left; left:0; padding: 1em 5%;width:100%;margin:0; top:0}
div.inner-crumb {max-width:1375px; margin:0 auto }

.flexbox-item:first-child { min-height:0;}
.flexbox-item { overflow:hidden; text-align:center}
.flexbox-item img { min-height:100%; max-width:none; margin:0 auto; float:right}
.flexbox-item:nth-child(2) div,
.flexbox-item:nth-child(6) div { padding:2em 0 2em 2em; text-align:justify}
.flexbox-item:nth-child(3) div {padding:2em 2em 2em 0; text-align:justify;}


#introPic { float:left; width:100%; margin:0 0 5% 0}


.flright,
.flleft { position:relative}
.space { padding:50px;}

span.about-image { position:relative;display:block;margin:50px 0 0 50px;}
span.about-image::before {
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	margin:-50px 0 0 -50px;
	z-index: -1;
	background-color: #f2f2f2;
	content: "";
	position: absolute;
	transition: all .3s ease-in-out;
	
}



@media screen and (max-width:1023px) {
.flexbox-item img { min-height:0; min-width:100%; float:left}

.flexbox-item:nth-child(2) div,
.flexbox-item:nth-child(6) div, 
.flexbox-item:nth-child(3) div { padding:2em 0; text-align:left}


#background  { padding-bottom:50%;}
}
@media screen and (max-width:568px) {

span.about-image {margin:25px 0 0 25px;}
span.about-image::before {margin:-25px 0 0 -25px;}
.space {padding:25px;}
}
@media screen and (max-width:350px) {
.space {padding:25px 0; font-size:.9em; line-height:1.4em;}
}