/** Contact Us ************************************************************/
.section-header-contact-us {
	text-align: left;
	color: black;
}

.section-header-contact-us .header {
	font-size: 3rem;
	padding-bottom: 0.1rem;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2rem;
	font-weight: 400;
}

.contact-us-page .contact-us-description {
	font-size: 1.35rem;
	font-family: "Poppins Light", "Poppins Thin", "Poppins";
	margin-bottom: 5rem;
}

.contact-us-bg {
	min-height: 80vh;
	padding-bottom: 4em;
}

.contact-form-style {
	max-width: 40vw;
	margin: 1rem auto;
	padding: 1rem;
	background: #ffffff;
	text-align: left;
	border: 1px solid #c2c8cd;
}

.contact-form-style p {
	padding: 1rem;
	font-size: 140%;
	font-weight: 300;
	text-align: left;
	color: #000000;
	margin: -16px -16px 16px -16px;
}

.contact-form-style span {
	color: #000000;
	word-spacing: .1rem;
	margin-bottom: 1.5	rem;
}

.contact-us-page .new-contact-form-container {
	color: #000;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.29);
	padding: 3rem 1.5rem;
}
@media (min-width: 992px) {
	.contact-us-page .new-contact-form-container {
		padding: 55px 50px;
	}
}

.contact-us-page .new-contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	row-gap: 55px;
	font-size: 1.5em;
	color: rgba(0,0,0,0.7);
}

@media screen and (max-width: 768px) {
	.contact-us-page .new-contact-form-container {
		margin: 25px;
	}

	.contact-us-page .new-contact-form {
		column-gap: 30px;
	}
}

@media screen and (max-width: 650px) {
	.contact-us-page .new-contact-form {
		row-gap: 30px;
	}
	/*
		Force grid to be single-column. Unable to determine why setting
			grid-template-column: 1fr;
		on the container div doesn't create a single column grid.
	*/
	.contact-us-page .new-contact-form * {
		grid-column: span 2;
	}

	.contact-us-page .contact-us-description {
		margin-bottom: 4rem;
	}

	.section-header-contact-us {
		padding-top: 5em;
	}
}

.contact-us-page .new-contact-form .project-information,
.contact-us-page .new-contact-form .submit-container {
	grid-column-start: span 2;
}

.contact-us-page .new-contact-form .project-information textarea {
	width: 100%;
	height: 188px;
	margin-bottom: 20px;
}

/** Thank You ************************************************************/
.thank-you-container {
	text-align: center;
	margin-top: 4rem;
	margin-bottom: 4em;
}

.thank-you-container a {
	color: #8BC33F;
	font-size: 1rem;
}