$o-contact-bp1: 900;

.o-contact {
	@include template(info, form);
	display: grid;
	grid-row-gap: space(4);
	grid-template-columns: 1fr;
	grid-template-areas:
		"info"
		"form";

	@include mq($o-contact-bp1) {
		grid-template-columns: 6fr 0.5fr 5.5fr;
		grid-template-areas: "info . form"
	}
}


.o-contact__business {
	@include font-size(s);
	margin-top: space(7);
}


.o-contact__company-name {
	@include font-weight('bold');
}


.o-contact__commercial {
	@include font-size(s);
	display: flex;
	flex-wrap: wrap;

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