@charset "UTF-8";
/* Case Studies */

#titlebox {
	padding-top: 30px;
	padding-bottom: 15px;
	background: #fff;
}
#titlebox h4 {
	color: #666;
	font-size: 1.0625em;
	text-transform: uppercase;
}
#titlebox span {
	font-weight: 300;
}
.center-line {
	border-color: #fff;
}
#casestudy-1 {
	background: #BAC4D1 url(../img/casestudy-1-bg.jpg);
	background-size: cover;
	background-position: center center;
}
#casestudy-2 {
	background: #BAC4D1 url(../img/casestudy-2-bg.jpg);
	background-size: cover;
}
#casestudy-3 {
	background: #BAC4D1 url(../img/casestudy-3-bg.jpg);
	background-size: cover;
	background-position: center center;
}
.casestudy .header {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	text-align: center;
}
.casestudy h1 {
	color: #fff;
	line-height: 1.25em;
}
h6 {
	margin: 0;
	font-size: 1em;
	font-weight: 300;
	text-transform: uppercase;
}
.casestudy p {
	color: #fff;
}
.box {
	padding: 50px 50px 40px 50px;
	background: rgba(55,131,191,.9)!important;
	background: #3784BF;
}
.box h3 {
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
}
.box ul {
	list-style: none;
}
.box strong {
	font-weight: 700;
}
@media (min-width: 320px) and (max-width: 991px) {
	.box {
	    padding: 30px;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	#titlebox {
		padding-top: 20px;
		font-size: .875em;
	}
	#casestudy-1 h1 {
		color: #fff;
		font-size: 1.75em;
		line-height: 1.25em;
	}
	.header, .box-alt {
		background: rgba(0,0,0,.3)!important;
	}
}