.quote--container {
	padding: 60px 30px;
}

.quote--bq {
	position: relative;
	color: var(--theme-blue);
	font-size: 1.5rem;
}

.quote--bq:before {
	content: "";
	position: absolute;
	width: 130px;
	height: 90px;
	left: -15px;
	top: -15px;
	background: url(../../images/quotes.svg);
	background-repeat: no-repeat;
	background-size: contain;
	opacity: .34;
	z-index: -1;
}

.quote--bq cite {
	display: block;
	font-size: 1rem;
	font-style: normal;
	color: var(--theme-body);
}

@media (min-width: 768px) {
	.quote--bq {
		border-left: 2px solid var(--theme-blue);
		padding-left: 30px;
		font-size: 2rem;
		margin-left: 160px;
	}
	
	.quote--bq:before {
		left: -160px;
		top: 0;
		opacity: 1;
	}
	
	.quote--bq cite {
		font-size: 1.3rem;
	}
}

@media (min-width: 992px) {
	.quote--bq {
		margin-left: 260px;
		padding-left: 50px;
		border-left-width: 4px;
		font-size: 2.2rem;
	}
	
	.quote--bq:before {
		left: -260px;
	}
}