.o-quote {
	@include contain;
}


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


.o-quote__body {
	@include owl-children(space(3));

	@include mq(m) {
		width: column(5);
		margin-left: column(1);
	}
}


.o-quote__picture {
	display: block;

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

	@include mq(m) {
		width: column(4);
		margin-left: column(1);
		margin-right: column(1);
	}
}


.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__heading {
	@include font(base);
	color: palette(neutral, 1000);

	&::before {
		content: '- ';
	}
}


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