@charset "UTF-8";
/* Main CSS Document */

/*
	font-family: gastromond, serif;
	font-family: brandon-grotesque, Brandon Grotesque, sans-serif;
	Mint: #3AB0A5;
	Red: #DB4744;
	Navy: #1A2F54;
*/

/* CONTACT */
.contact {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	overflow: hidden;
	padding-top: 3.5em;
	background: #1A2F54;
}
.contact iframe {
	position: relative;
	z-index: 1;
}
.hero-contact-woman-trenchcoat,
.hero-contact-man,
.hero-contact-woman-skirt {
	position: absolute;
	top: 50%;
}
.hero-contact-woman-trenchcoat {
	left: 50%;
	margin-top: -9em;
	margin-left: -36em;
	-moz-animation: contactLeft 2s ease-in-out .5s 1 backwards;
	-webkit-animation: contactLeft 2s ease-in-out .5s 1 backwards;
	-ms-animation: contactLeft 2s ease-in-out .5s 1 backwards;
	animation: contactLeft 2s ease-in-out .5s 1 backwards;
}
.hero-thanks .hero-contact-woman-trenchcoat {
	margin-left: -39em;
}
@-moz-keyframes contactLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@-webkit-keyframes contactLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@-ms-keyframes contactLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@keyframes contactLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
.hero-contact-man,
.hero-contact-woman-skirt {
	-moz-animation: contactRight 2s ease-in-out 0s 1 backwards;
	-webkit-animation: contactRight 2s ease-in-out 0s 1 backwards;
	-ms-animation: contactRight 2s ease-in-out 0s 1 backwards;
	animation: contactRight 2s ease-in-out 0s 1 backwards;
}
@-moz-keyframes contactRight {
	0%   { right: 0; }
	100% { right: 50%; }
}
@-webkit-keyframes contactRight {
	0%   { right: 0; }
	100% { right: 50%; }
}
@-ms-keyframes contactRight {
	0%   { right: 0; }
	100% { right: 50%; }
}
@keyframes contactRight {
	0%   { right: 0; }
	100% { right: 50%; }
}
.hero-contact-man {
	right: 50%;
	margin-top: -12em;
	margin-right: -32em;
}
.hero-thanks .hero-contact-man {
	margin-right: -34em;
}
.hero-contact-woman-skirt {
	right: 50%;
	margin-top: -5em;
	margin-right: -41.5em;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.hero-thanks .hero-contact-woman-skirt {
	margin-right: -43.5em;
}
.hero-contact-plants-left,
.hero-contact-plants-right {
	position: absolute;
	top: -5em;
	-moz-animation: contactTopPlants 2s ease-in-out 1.5s 1 backwards;
	-webkit-animation: contactTopPlants 2s ease-in-out 1.5s 1 backwards;
	-ms-animation: contactTopPlants 2s ease-in-out 1.5s 1 backwards;
	animation: contactTopPlants 2s ease-in-out 1.5s 1 backwards;
}
@-moz-keyframes contactTopPlants {
	0%   { top: -22em; }
	100% { top: -5em; }
}
@-webkit-keyframes contactTopPlants {
	0%   { top: -22em; }
	100% { top: -5em; }
}
@-ms-keyframes contactTopPlants {
	0%   { top: -22em; }
	100% { top: -5em; }
}
@keyframes contactTopPlants {
	0%   { top: -22em; }
	100% { top: -5em; }
}
.hero-contact-plants-left {
	left: 50%;
	margin-left: -32em;
}
.hero-contact-plants-right {
	right: 50%;
	margin-top: 3em;
	margin-right: -26em;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
.hero-contact-plants-bottom {
	position: absolute;
	left: 50%;
	bottom: -15em;
	margin-left: -17.36em;
	-moz-animation: contactBottomPlants 2s ease-in-out 2.5s 1 backwards;
	-webkit-animation: contactBottomPlants 2s ease-in-out 2.5s 1 backwards;
	-ms-animation: contactBottomPlants 2s ease-in-out 2.5s 1 backwards;
	animation: contactBottomPlants 2s ease-in-out 2.5s 1 backwards;
}
@-moz-keyframes contactBottomPlants {
	0%   { bottom: -31em; }
	100% { bottom: -15em; }
}
@-webkit-keyframes contactBottomPlants {
	0%   { bottom: -31em; }
	100% { bottom: -15em; }
}
@-ms-keyframes contactBottomPlants {
	0%   { bottom: -31em; }
	100% { bottom: -15em; }
}
@keyframes contactBottomPlants {
	0%   { bottom: -31em; }
	100% { bottom: -15em; }
}
@media screen and (min-width: 1850px) and (min-height: 1100px) {
	.contact svg {
		transform: scale(1.5);
	}
	.hero-contact-woman-trenchcoat {
		margin-left: -40em;
	}
	.hero-thanks .hero-contact-woman-trenchcoat {
		margin-left: -48em;
	}
	.hero-contact-man {
		margin-top: -16em;
		margin-right: -35em;
	}
	.hero-thanks .hero-contact-man {
		margin-right: -40em;
	}
	.hero-contact-woman-skirt {
		margin-right: -48em;
	}
	.hero-thanks .hero-contact-woman-skirt {
		margin-right: -53em;
	}
}
@media screen and (max-width: 1250px) {
	.hero-contact-woman-skirt {
		margin-top: -4em;
		margin-right: -33em;
	}
	.hero-thanks .hero-contact-woman-skirt {
		margin-right: -38em;
	}
}
@media screen and (max-width: 1100px), (max-height: 750px) {
	.contact {
		min-height: auto;
		padding-top: 0;
	}
	.hero-contact-plants-left,
	.hero-contact-plants-right,
	.hero-contact-plants-bottom {
		display: none;
	}
	.hero-thanks .hero-contact-woman-skirt {
		margin-top: -4em;
		margin-right: -33em;
	}
}
@media screen and (max-width: 1000px) {
	.hero .hero-contact-woman-trenchcoat {
		left: 0;
		margin-left: -7em;
	}
	.hero-thanks .hero-contact-woman-trenchcoat {
		margin-top: -12em;
	}
	.hero .hero-contact-man {
		right: 0;
		margin-right: -5em;
	}
	.hero-thanks .hero-contact-man {
		margin-top: -15em;
	}
	.hero .hero-contact-woman-skirt {
		right: 0;
		margin-right: -5em;
	}
	.hero-thanks .hero-contact-woman-skirt {
		margin-top: -8em;
	}
}
@media screen and (max-width: 770px) {
	.hero .hero-contact-woman-trenchcoat {
		margin-left: -8em;
	}
	.hero .hero-contact-man {
		margin-top: -16em;
		margin-right: -5.5em;
	}
	.hero .hero-contact-woman-skirt {
		margin-top: -2em;
		margin-right: -6.5em;
	}
}
@media screen and (max-width: 650px) {
	.contact {
		padding: 2em;
	}
	.hero-contact-woman-trenchcoat,
	.hero-contact-man,
	.hero-contact-woman-skirt {
		display: none;
	}
	.hero-contact-plants-left,
	.hero-contact-plants-right,
	.hero-contact-plants-bottom {
		display: block;
	}
	.hero-contact-plants-left {
		left: 0;
		margin-top: -5em;
		margin-left: -9em;
	}
	.hero-contact-plants-right {
		right: 0;
		margin-top: -2em;
		margin-right: -8em;
	}
}
@media screen and (max-width: 500px) {
	.hero-contact-plants-bottom {
		margin-bottom: 2em;
	}
}