/* content blocks */
.content-blocks { display: block; padding: 20px 0 0 0; margin-bottom: 50px; }
.content-blocks > .block { padding-bottom: 20px; display: block; overflow: hidden; }
.content-blocks > .block:nth-child(1n+2) { padding-top: 50px; }
.content-blocks .block.bg-1 { overflow: visible; display: table; position: relative; }
.content-blocks .block.bg-1:before {
	content: '';
	height: 100%;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	width: -moz-calc(100% + 40px);
	width: -ms-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	position: absolute;
	z-index: -1;
	top: 0;
	left: -20px;
	background-color: #f5f5f5;
}
.content-blocks h1,
.content-blocks h2,
.content-blocks h3,
.content-blocks h4 { position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.content-blocks h1:after,
.content-blocks h2:after,
.content-blocks h3:after,
.content-blocks h4:after {
	content: '';
	height: 1px;
	width: 60px;
	background-color: #eb3300;
	display: block;
	position: absolute;
	bottom: 0px;
}

/* content slogan */
.content-slogan {
	color: #eb3300;
	font-size: 30px;
	line-height: 50px;
	font-weight: 100;
	float: right;
	padding-bottom: 20px;
	margin-bottom: 33px;
	position: relative;
}
.content-slogan:before {
	content: '';
	height: 1px;
	width: 60px;
	position: absolute;
	bottom: 0;
	background-color: #eb3300;
}

	/* media specific styles */
	@media(min-width: 768px){
		/* content blocks */
		.content-blocks { padding: 50px 20px 0 20px; margin-bottom: 100px; }
		.content-blocks > .block { padding-bottom: 25px; }
		.content-blocks .block.bg-1:before {
			width: calc(100% + 80px);
			width: -webkit-calc(100% + 80px);
			width: -moz-calc(100% + 80px);
			width: -ms-calc(100% + 80px);
			width: -o-calc(100% + 80px);
			left: -40px;
		}
		.content-blocks .col-4 { display: block; float: left; width: 33.3334%; padding-right: 30px; }
		.content-blocks .col-8 { display: block; float: left; width: 66.6667%; }

		/* content slogan */
		.content-slogan {
			width: 300px;
			font-size: 40px;
			position: absolute;
			bottom: 0;
			right: 0;
		}
	}
	@media(min-width: 1024px){
		.content-blocks .col-4 { padding-right: 10%; }
	}