.o-quote {
	@include contain;
}

.o-quote {
	@include mq(m) {
		@include flex();
	}
}

.o-quote__body {
	@include mq(m) {
		width: column(4,8);
	}

	@include mq(l) {
		margin-left: column(1,12);
		width: column(8,12);
	}
}

.o-quote__picture {
	display: block;

	@include mq($max: m) {
		margin-top: space(4);
	}

	@include mq(m) {
		width: column(3,8);
		margin-left: column(1,8);
	}
	@include mq(l) {
		width: column(4,12);
		margin-left: column(1,12);
		margin-right: column(1,12);
	}
}

.o-quote__img {
	display: block;
	margin: 0 auto;
}

.o-quote__text {
	@include font(m);
	quotes: '\201c' '\201d';

	&::before { content: open-quote; }
	&::after  { content: close-quote; }
}

.o-quote__author {
	margin-top: space(3);
	margin-left: column(0.5, 6);
}

.o-quote__heading {
	@include font(base);
	color: palette(text, 2);
}

.o-quote__subheading {
	@include font(s);
	color: palette(text, 3);
}