/**
 *
 * page-contact.scss
 *
 */
/* ------------------------------------------------------------
 contact-container
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.contact-container {
		padding: 12.4rem 0 19.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-container {
		padding: 14.2rem 0 16.2rem ;
	}
}

/* ------------------------------------------------------------
 contact-form
------------------------------------------------------------ */
.contact-form {
	display: grid;
	gap: 2.7rem ;
}

@media screen and (min-width: 1024px) {
	.contact-form {
		margin-top: 7.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-form {
		margin-top: 4.8rem ;
	}
}