blockquote {
	margin: 0;
	padding: 0;
	position: relative;
	width: 60%;
	min-width: 400px;
	max-width: 820px;
	font-size: 0.9vw;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-fon-smoothing: grayscale;
}

blockquote p:first-of-type:before {
	content: '\201c';
	position: absolute;
	left: -.5em;
}

blockquote p:last-of-type:after {
	content: '\201d';
	position: absolute;
}

blockquote footer {
	position: relative;
}

blockquote footer:before {
	content: '–';
	position: absolute;
	left: -.6em;
}

@media screen and (max-width: 1600px) {
	blockquote {
		font-size: 1.5vw;
	}
}

@media all and (max-width: 1200px) {
	blockquote {
		font-size: 1.5vw;
	}
}

@media all and (max-width: 600px) {
	blockquote {
		font-size: 12px;
	}
	blockquote {
		width: 100%;
		min-width: 100%;
	}
}