.section.contact {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}

.card.contact-link {
	box-shadow: 0 1px 12px 0 var(--general-shadow-02);
	/* transform-style: preserve-3d; */
	justify-content: flex-start;
	align-items: center;
	padding: 28px 24px;
	/* transition-property: transform; */
	display: flex;
}

.card.contact-link:hover {
	color: var(--neutral-600);
	/* transform: scale3d(.96, .96, .01); */
}

.card.contact-main-wrapper {
	min-height: 600px;
	box-shadow: 0 1px 12px 0 var(--general-shadow-02);
	flex-direction: column;
	justify-content: center;
	padding: 64px 56px;
	display: flex;
}

.card.contact-card:hover {
	/* transform: scale3d(.96, .96, .01); */
}

.section.contact .card i:not(.social-media):not(.mandatory) {
	font-size: 2em;
	margin-right: .5em;
	color: var(--primary-1);
	min-width: 2em;
	text-align: center;
}

.section.contact .contact-links-wrap {
	max-width: 420px;
}

.social-medias {
	justify-content: space-evenly !important;
}

.social-media {
	font-size: 2em;
	color: var(--primary-1);
}

.social-media:hover {
	color: var(--accent-1);
}

.contact-form-btn {
	text-align: center !important;
}

.single-col {
	grid-area: span 1 / span 2 / span 1 / span 2;
}

.card.contact-main-wrapper {
	padding: 2em;
}

.lowercase {
	text-transform: lowercase;
}

.split-content.contact-left {
	max-width: 444px;
	flex: 1;
}

.split-content.contact-right {
	width: 60%;
	max-width: 664px;
	margin-left: 40px;
}

.contact-left {
	max-width: 444px;
	flex: 1;
}

.contact-right {
	width: 60%;
}

.contact-links-wrap {
	max-width: 380px;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	grid-auto-columns: 1fr;
	margin-top: 40px;
	margin-bottom: 40px;
	display: grid;
}

.contact-form-wrapper {
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	display: flex;
}

.contact-form {
	grid-column-gap: 24px;
	grid-row-gap: 40px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.fa-exclamation-triangle {
	color: var(--notifications-error) !important;
}

.notifications_error {
	grid-area: span 1 / span 2 / span 1 / span 2;
}

.error {
	color: var(--notifications-error);
	font-weight: normal;
	margin-left: .5em;
	font-size: smaller;
}

@media screen and (max-width: 991px) {
	.section.contact {
		padding-top: 64px;
	}

	.card.contact-link {
		max-width: 100%;
		flex: 1;
		margin-bottom: 24px;
	}

	.card.contact-main-wrapper {
		padding: 56px 40px;
	}

	.split.contact {
		flex-direction: column;
	}

	.contact-left {
		flex: 0 auto;
		margin-bottom: 64px;
	}

	.contact-links-wrap {
		max-width: none;
		flex-wrap: wrap;
		grid-auto-columns: 1fr;
		justify-content: space-between;
		margin-bottom: -24px;
		display: flex;
	}

	.contact-content-top {
		max-width: 444px;
	}

	.split-content.contact-left {
		max-width: none;
		align-self: stretch;
		margin-bottom: 48px;
	}

	.split-content.contact-right {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.input.text-area {
		min-height: 140px;
	}

	.card.contact-link {
		max-width: none;
		margin-bottom: 0;
	}

	.card.contact-main-wrapper {
		padding: 48px 32px;
	}

	.split-content.contact-left {
		max-width: none;
		margin-bottom: 40px;
	}

	.contact-links-wrap {
		max-width: none;
		grid-column-gap: 0px;
		grid-row-gap: 20px;
		flex-wrap: nowrap;
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
		margin-bottom: 0;
		display: grid;
	}
}


@media screen and (max-width: 479px) {
	.card.contact-link {
		flex-flow: wrap;
		align-items: center;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.card.contact-main-wrapper {
		padding: 40px 24px;
	}

	.contact-form {
		grid-template-columns: 1fr;
	}

	.contact-card-content {
		width: 202px;
		align-self: center;
		margin-top: 8px;
		margin-bottom: 8px;
	}
}