.o-contact {

}


.o-contact__heading {
	@include font-size(x2-large);
	margin-bottom: 20px;
}


.o-contact__information {
	& > * + * {
		margin-top: 1.5em;
	}
}


.o-contact__business {
	@include font-size(small);
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid palette(neutral, 100);
}


.o-contact__offices {
	margin-top: 1.5em;

	@include mq(400) {
		@include flex(space-between);
	}
}


.o-contact__office {
	@include mq($max: 400) {
		margin-top: 1.5em;
	}
	@include mq(400) {
		width: calc(50% - 10px);
	}

	& > * + * {
		margin-top: 1em;
	}
}


.o-contact__commercial {
	@include flex(wrap);
	@include font(small, 28, 400);

	dt {
		font-weight: 500;
		width: 100px;
	}
	dd {
		width: calc(100% - 100px);
	}
}