/* quote blocks */
.quote-blocks { margin-bottom: 50px; }
.quote-blocks .block {
	overflow: hidden;
	display: block;
	padding: 40px 30px;
	position: relative;
}
.quote-blocks .block:before {
	content: '';
	top: 20px;
	right: 20px;
	background: url('/wp-content/themes/custom/img/textcloud.png') space;
	display: block;
	height: 40px;
	width: 77px;
	position: absolute;
	background-size: 36px 40px;
}
.quote-blocks .block.bg-1 { background-color: #f5f5f5; }
.quote-blocks .block .main-title h1,
.quote-blocks .block .main-title h2,
.quote-blocks .block .main-title h3,
.quote-blocks .block .main-title h4,
.quote-blocks .block .main-title h5 {
	color: #000000;
	font-size: 30px;
	font-family: Offside;
	margin-bottom: 50px;
}
.quote-blocks .block .text h1,
.quote-blocks .block .text h2,
.quote-blocks .block .text h3,
.quote-blocks .block .text h4,
.quote-blocks .block .text h5 { color: #000000; }

	/* media specific styles */
	@media(min-width: 768px){
		/* quote blocks */
		.quote-blocks .block { padding: 100px 150px 50px 50px; }
		.quote-blocks .block:before { right: 30px; top: 30px; }
		.quote-blocks .col-4 { display: block; float: left; width: 33.3334%; padding-right: 30px; }
		.quote-blocks .col-8 { display: block; float: left; width: 66.6667%; }
	}
	@media(min-width: 1024px){
		.quote-blocks .col-8 { width: 63%; }
		.quote-blocks .col-4 { padding-right: 10%; width: 37%; }
	}