$o-vacancy-bp1: 900;

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


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

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


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


.o-vacancy__form {
	margin-top: space(7);
	padding: space(6) space(5);
	background: palette(neutral, 0);
	border: 1px solid palette(neutral, 300);
	box-shadow: 0 20px 48px 0 rgba(0,0,0,0.08);
	border-radius: map-get($border-radius, s) map-get($border-radius, s) map-get($border-radius, xl) map-get($border-radius, xs);
}