/*
 * Special case for the contact page.
 * Sort of a fake hero
 * and create some room to pull the content back up
 */

.t-contact__header {
	margin-top: space(3);

	@include mq(l) {
		width: column(6,12);
		min-height: space(30);
		margin-top: space(9);
	}
}

.t-contact__form {
	@include mq(l) {
		position: relative;
		z-index: 2; // place above hero
		margin-top: space(-40);
	}
}