#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;
	
}



.flex {
position: relative;
width: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
box-pack: justify;
justify-content: space-around;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
align-items: stretch;
margin: 0;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;}
.item{
	margin:0 0 2rem;
	padding:2.5em 1.5em;
	list-style: none;
	flex-basis: calc(33.3333% - 2rem);
-webkit-flex-basis: calc(33.3333% - 2rem);
	text-align:center;
	background: #fff;
	position: relative;
	color:#fff;}
	
	.item:first-child{ background:#ffd61c; color:#555; border-bottom:10px solid #fff3ba;}
	.item:first-child h2 { color:#555;}
	.item:nth-child(2){ background:#01b026; border-bottom:10px solid #b2e7bd;}
	.item:nth-child(3){ background:#02aab4;border-bottom:10px solid #b3e5e8; }
	.item:nth-child(4){ background:#6f1594;border-bottom:10px solid #d4b8df; }
	.item:nth-child(5){ background:#f27c25; border-bottom:10px solid #fbd7bd;}
	.item:last-child{ background:#99056a;border-bottom:10px solid #e0b4d2;}
	
	


	.item img{ margin:auto; width:100%; height:100%;  }
	.item .marke {width:auto; max-width:90%;height:auto; position:absolute; bottom:2em; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);-ms-transform: translateX(-50%);}

	
	.item h2 { color:#ffff; font-size:1.3em; line-height:1em;margin:0 0 1em;padding:0; text-align:center; font-weight:500}
	.item h2 span { font-size:2.2vw; font-weight:400; display:inline-block; margin:.5em 0}
	.item h2 a { color:#fff}
	

a.more-btn { color:#555; font-size:1em; background:#fff3ba;font-weight:700; margin:0 auto 0;padding:.5em 2em; width:70%; min-width:230px; display:inline-block; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); -webkit-transform:translate(-50%,50%) }
	a.more-btn:hover { background:#555!important; color:#fff}
	
	.item:first-child a.more-btn { background:#fff3ba;}
	.item:nth-child(2) a.more-btn { background:#b2e7bd;}
	.item:nth-child(3) a.more-btn { background:#b3e5e8;}
	.item:nth-child(4) a.more-btn { background:#d4b8df;}
	.item:nth-child(5) a.more-btn { background:#fbd7bd;}
	.item:last-child a.more-btn { background:#e0b4d2;}

@media screen and (max-width:1024px ) {
.item {
	flex-basis: calc(50% - 2rem);
	-webkit-flex-basis: calc(50% - 2rem);}
}
@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:700px ) {
.item { font-size:.9em;flex-basis: calc(50% - 1rem);-webkit-flex-basis: calc(50% - 1rem);}

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

h2 { font-size:1.4em; }
.item {
		margin: 0 0 2rem;
		flex-basis: calc(100%);
		-webkit-flex-basis: calc(100%);}
		.item:last-child {
		flex-basis: calc(100%);
		-webkit-flex-basis: calc(100%);
		height: 45vw;
	}
	
	.item h2 {font-size: 1.8em;line-height: .8em;}
	.item h2 span {	font-size: .65em;display: block;}

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;}
	h2 { font-size:1.3em; }
	h3 { font-size:1.2em; }
	.blog div { padding:1.0em; }
}