
section.image-boxes {
	width: 100%;
	background-position: center top;
	background-size: cover;
	background-color: #FFF;
}
section.image-boxes .wrapper {
	padding: 45px 15px;
}
section.image-boxes .wrapper:after {
	display: table;
	content: "";
	clear: both;
}
section.image-boxes + section.image-boxes .wrapper {
	padding-top: 0px;
}
section.image-boxes .image-box {
	position: relative;
	margin-bottom: 45px;
}
section.image-boxes .image-box:last-child {
	margin-bottom: 0;
}
section.image-boxes .image-box img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
section.image-boxes .text-container {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
section.image-boxes .text-container.center {
	text-align: center;
}
section.image-boxes .text-container.right {
	text-align: right;
}
section.image-boxes .text-container.left {
	text-align: left;
}
section.image-boxes .text-container h3 {
	padding: 0 15px;
	font: 24px/28px medium;
	color: #fff;
	text-transform: uppercase;
}
section.image-boxes .text-container p {
	padding: 0 15px;
	font: normal 15px/18px Arial;
	color: #fff;
}


@media (min-width: 768px) {
section.image-boxes .wrapper {
	width: 100%;
	padding: 44px 0;
}
section.image-boxes .image-box {
	position: relative;
	float: left;
}
section.image-boxes .image-box-one-third {
	width: 30.333%;
	margin: 0 1.5%;
}
section.image-boxes .image-box-two-third {
	width: 63.667%;
	margin: 0 1.5%;
}
section.image-boxes .image-box-half {
	width: 47%;
	margin: 0 1.5%;
}
section.image-boxes .image-box-full {
	width: 97%;
	margin: 0 1.5%;
}
}

@media (min-width: 970px) {
section.image-boxes .wrapper {
	max-width: 970px;
	margin: 0 auto;
}
}

@media (min-width: 1170px) {
section.image-boxes .wrapper {
	max-width: 1170px;
}
}