.blogQuote {
	display: block;
	position: relative;
	width: 90%;
	margin: 35px auto;
	background-color: #e5f8fc;
}
	.blogQuote .quoteWrapper {
		max-width: 100%;
		padding: 25px 0;
		margin: 0 auto;
		position: relative;
	}

	.blogQuote .quote-icon {
		display: inline-block;
		position: absolute;
		color: #00bbe3;
		line-height: 100px;
		font-size: 250px;
		font-family: "ff-good-headline-web-pro-con", sans-serif;
	}
		.blogQuote .quote-icon.top {
			top: 5px;
			left: 0;
		}

		.blogQuote .quote-icon.bottom {
			bottom: -95px;
			right: 0px;
		}

	.blogQuote .quote {
		padding: 0 20px;
		text-align: center;
		font-family: "ff-good-headline-web-pro-con", sans-serif;
		font-size: 30px;
		line-height: 32px;
		color: #444;
	}

	.blogQuote .author {
		text-align: center;
		color: #444;
		font-family:'Aktiv Grotesk W01 Regular';
		font-size: 13px;
		line-height: 28px;
		color: #444;
	}
		.blogQuote .author > span {}

		.blogQuote .author > a {
			font-family:'Aktiv Grotesk W01 Regular';
			font-size: 13px;
			line-height: 28px;
			color: #00bbe3;
		}

@media only screen and (min-width: 40.063em) {

}

@media only screen and (min-width: 64.063em) {
	.blogQuote .quoteWrapper {
		max-width: 940px;
		padding: 50px 0;
	}

	.blogQuote .quote-icon {
		display: inline-block;
		position: absolute;
		color: #00bbe3;
		line-height: 100px;
		font-size: 400px;
		font-family: "ff-good-headline-web-pro-con", sans-serif;
	}
		.blogQuote .quote-icon.top {
			top: 50px;
			left: -50px;
		}

		.blogQuote .quote-icon.bottom {
			bottom: -120px;
			right: -50px;
		}

	.blogQuote .quote {
		padding: 0;
		font-size: 50px;
		line-height: 52px;
	}

	.blogQuote .author {
		font-size: 18px;
	}
		.blogQuote .author > a {
			font-size: 18px;
		}
}