Contact Form

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";

.contact-form-wrap {
	background: var(--lighter-colour);
	padding-top: 5rem;
	padding-bottom: 5rem;

	@include media-breakpoint-down(xs) {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.container > h2 {
		max-width: 56rem;
		margin: 0 auto 5.5rem auto;

		@include media-breakpoint-down(md) {
			margin-bottom: 3rem;
		}
	}
	.subtitle,
	p {
		max-width: 56rem;
		margin: 0 auto 2rem auto;
	}
	.form-wrap,
	form {
		max-width: 56rem;
		margin: 0 auto;
	}
	&.no-bg {
		background: none;
	}
}