/* Page description Styling */
.page-description{
	margin-bottom: 1rem;
}

.page-description h2{
	margin-top: 0rem;
}

.page-description p{
	max-width: 90%;
}

/* Subheading Styling */
.page-description h3{
	margin-top: 2rem;
}

/* Contact Form Container*/
.form-container{
	order: 2;
}

/* Form Styling */
.form-container{
	flex: 1;
	padding: 2rem;
	margin-bottom: 3rem;
	background: #ffffff;


	height: 40rem;
}

.contact-form-container{
	height: 93%;
	margin-top: 1rem;
}

/* Google Form */
.contact-form{
	width: 100%;
	height: 100%; 
}

/* MEDIA QUERIES */
/* Screen size below 480px */
@media screen and (max-width:30rem){
	.sub-header{
		padding: 7.5rem 6% 2.5rem;
	}

	.sub-header h1{
		font-size: 1.4rem;
	}

	.container {
		flex-direction: column;
		margin-top: -2rem;
	}

	.page-description{
		padding-right: 1rem;
	}

	.page-description p{
		max-width: 100%;
	}

	.page-description h3{
		margin-top: 1rem;
	}

	.form-container{
		padding: 1rem;
		margin-top: 2rem;
	}

	.contact-form-container{
		height: 90rem;
		margin-top: 0.5rem;
	}
}

/* Screen size of 480px - 896px */
@media screen and (min-width: 30rem) and (max-width: 56rem){
	.sub-header{
		padding: 8rem 6% 3rem;
	}

	.sub-header h1{
		font-size: 1.6rem;
	}

	.container{
		flex-direction: column;
		margin-top: -1rem;
	}

	.page-description p{
		max-width: 100%;
	}

	.form-container{
		margin-top: 2rem;
	}

	.contact-form-container{
		height: 80rem;
	}
}

/* Screen size of 896px - 1184px */
@media screen and (min-width: 56rem) and (max-width: 74rem){

	.sub-header{
		padding: 9rem 6% 5rem;
	}

	.container{
		flex-direction: column;
		margin-top: -1rem;
	}

	.page-description p{
		max-width: 100%;
	}

	.form-container{
		margin-top: 2rem;
	}

	.contact-form-container{
		height: 78rem;
	}
}