/* INFOBOX */
.info-box-wrapper {
	position: relative;
	margin: 0 0 30px;
}
.info-box-wrapper figure {
	background-color: #333;
}
.info-box-wrapper figure > a,
.info-box-wrapper figure > picture {
	flex: 1 1 50%;
}
.info-box-wrapper figure figcaption {
	flex: 1 1 50%;
	padding: 0.9375rem;
}
.info-box-wrapper figure.flipped figcaption {
	text-align: right;
}
.info-box-wrapper figure figcaption h3 {
	font: 600
		  26px/1.2
		  'Gotham A', 'Gotham B', proxima-nova, sans-serif;
	color: #fff;
	margin: -3px 0 18px;
}
.info-box-wrapper figure figcaption p {
	font: 400     16px/1.56     'Gotham A', 'Gotham B', proxima-nova, sans-serif;
	color: #fff;
	margin: 0 0 30px;
}
.info-box-wrapper figure figcaption .sh-more-link {
	font: 400
		  16px/1
		  'Gotham A', 'Gotham B', proxima-nova, sans-serif;
	color: #fff;
	text-transform: uppercase;
	z-index: 3;
	display: inline-block;
	padding: 18px 28px;
	margin: 0 10px 20px;
}
.info-box-wrapper figure figcaption .sh-more-link::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: skewX(24deg);
	z-index: -1;
	border: 2px solid #fff;
}
@media screen and (min-width: 40.063em) {
	.info-box-wrapper figure figcaption {
		flex: 1 1 50%;
		padding: 50px 0.9375rem 20px;
	}
}
@media screen and (min-width: 64.063em) {
	.info-box-wrapper figure {
		display: flex;
		align-items: center;
	}
	.info-box-wrapper figure.flipped {
		flex-flow: row-reverse;
	}
	.info-box-wrapper figure figcaption {
		padding: 1.815rem 8.5%;
	}
}