$o-vacancies-bp1: 900;

.o-vacancies {
	@include mq($o-vacancies-bp1) {
		@include template(main, side);
		display: grid;
		grid-template-columns: minmax(24em, 5fr) 0.5fr 6.5fr;
		grid-template-rows: 1fr;
		grid-template-areas: 'main . side';
	}
}


.o-vacancies__side {
	align-self: start;
	justify-self: center;

	@include mq($max: $o-vacancies-bp1) {
		max-width: 612px; // image width
		margin: space(6) auto 0;
	}
}


.o-vacancies__desc {
	max-width: 42em;
	margin-top: space(5);
	margin-bottom: space(8);
}