/*** Fonts ***/
	h1 {
		font-weight: 300;
		font-size: 28px;
		line-height: 40px;
		letter-spacing: 0;
	}
	h2 {
		font-weight: 300;
		font-size: 24px;
		line-height: 40px;
		letter-spacing: 0;
	}
	h3 {
		font-weight: 300;
		font-size: 19px;
		line-height: 28px;
		letter-spacing: 0;
		margin-bottom:  24px;
	}
	h4 {
		font-size: 12px;
		font-weight: 700;
		line-height: 18px;
		letter-spacing: 0;
		text-transform: uppercase;
	}
	.hatchedIntro {
		font-weight: 300;
		font-size: 19px;
		line-height: 28px;
		letter-spacing: 0.0125em;
	}
	.hatchedReference {
		font-style: italic;
		font-weight: 400;
		font-size: 8px;
		line-height: 12px;
		letter-spacing: 0.0125em;
	}
	.hatchedReference {
		font-size: 8px;
		font-style: italic;
		font-weight: 400;
		line-height: 12px;
	}
	p {
		font-weight: 300;
		font-size: 19px;
		line-height: 28px;
		letter-spacing: 0.0125em;
	}
	p.small {
		font-weight: 400;
		font-size: 15px;
		line-height: 27px;
		letter-spacing: 0.0125em;
		padding-left: 0;
		padding-right: 0;
	}
	a.small {
		font-size: 15px;
		line-height: 27px;
		letter-spacing: 0.0125em;
	}
	p.breadcrumb {
		font-weight: 600;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0.0125em;
		padding-left: 0;
		padding-right: 0;
		color: #7E7E7E;
		background-color: transparent;
	}
	.cookie {
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
	}
	.cookie-text {
		margin: 0;
		flex: 1;
		margin-right: 20px;
	}
	.cookie-text a {
		color: #9635FD;
		text-decoration: underline;
	}
	.accept-button {
		padding: 10px 20px;
		background-color: #AB5DFD;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	.accept-button:hover {
		background-color: #9635FD;
	}
	#thm-drk #hatchedHero, #thm-drk #city {
		color:  #fff;
	}
	#privacy-policy ul {
		margin-left:  24px;
	}
	.listIndent {
		list-style: none;
	}
	li.listIndent::first-line {
		margin-left:  -1em;
	}
	@media (min-width: 768px) {
		h1 {
			font-size: 48px;
			line-height: 64px;
		}
		h2 {
			font-size: 24px;
			line-height: 36px;
		}
		h3 {
			font-size: 32px;
			line-height: 48px;
		}
		.hatchedIntro {
			font-size: 19px;
			line-height: 28px;
		}
		p {
			font-size: 24px;
			line-height: 36px;
		}
		p.small,
		a.small {
			font-size: 19px;
			line-height: 28px;
		}
	}

	@media (min-width: 1200px) {
		h1 {
			font-size: 56px;
			line-height: 80px;
		}
		h2 {
			font-size: 48px;
			line-height: 80px;
		}
		.hatchedIntro {
			font-size: 20px;
			line-height: 30px;
		}
	}

	@media (min-width: 1400px) {
		p {
			font-size: 32px;
			line-height: 48px;
		}
	}

	p.hatchedIntro {
		margin-top: 16px;
		padding: 0;
	}

	p.hatchedReference {
		margin-top:  24px;
		padding: 0;
	}

	p.hatchedReference--desktop {
		font-size: 8px;
		line-height: 12px;
		letter-spacing: 0.0125em;
		padding: 0;
	}

	strong {
		font-weight: 500;
	}
	@media (min-width: 768px) {
		p {
			padding: 0;
		}
		#module2 h2 {
			padding-left:  0;
		}
		p.small { 
			padding: 0;
		}
	}
	/*** End Fonts ***/

/*** Main Navigation ***/
	header {
		align-items: center;
	    display: flex;
	}
	.site-header-one__logo {
	    justify-content: space-between;
	}
	.scroll-to-target.scroll-to-top {
		display: none!important;
	}
	@media (min-width: 768px) {
		.site-header-one__logo .side-menu__toggler {
			display:  none!important;
		}
		.main-nav__main-navigation {
			display: flex!important;
		    justify-content: flex-end;
		}
		.main-nav__main-navigation .main-nav__navigation-box>li>a {
			font-size: 17px;
		}
		.stricky-fixed .container-fluid {
			padding-bottom: 0;
			padding-top: 0;
		}
		.main-nav__main-navigation {
			display: flex!important;
		    justify-content: flex-end;
		}
		.main-nav__main-navigation .main-nav__navigation-box {
			margin-left:  0;
		}
		.main-nav__main-navigation .main-nav__navigation-box>li {
			padding: 0;
		}
		.main-nav__main-navigation .main-nav__navigation-box>li+li {
			margin-left:  24px;
		}
		.main-nav__main-navigation .main-nav__navigation-box>li>a {
			font-size: 13px;
		}
	}
	@media (min-width: 1200px) {
		.site-header-one .container-fluid {
			margin: 0 auto;
		    padding-top: 20px;
		    padding-bottom: 20px;
		}
		.site-header-one.stricky-fixed  .container-fluid {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	.site-footer {
		z-index: 2;
	}
	/*** End Main Navigation ***/

/*** Container Overwrite ***/
	.container-fluid {
		padding-left: 24px;
		padding-right: 24px;
	}
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.container div {
		padding-left: 0;
		padding-right: 0;
	}
	@media (min-width: 768px) {
		.container-fluid {
			padding-left: 56px;
			padding-right: 56px;
		}
	}
	@media (min-width: 1200px) {
		.container-fluid {
			padding-left: 122px;
			padding-right: 122px;
		}
	}

/*** Hero Module ***/
	#hatchedHero {
		background-image: url(/assets/images/animations/Background-Illustration-Hero.svg);
		border-radius: unset;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 175vw;
		min-width: 100%;
		padding-right: 0;
		position: relative; 
	}
	#thm-drk #hatchedHero {
		background-image: url(/assets/images/animations/Background-Illustration-Hero-Dark.svg);
	}
	#hatchedHero-background{
		object-fit: fill;
		position: absolute; 
		top: 0;
		width: 100%; 
	}
	#heroJSON, #heroJSON-dark {
		height: 178px; 
		margin: 0 auto;
		width: 240px; 
	}
	#thm-drk #heroJSON, #heroJSON-dark {
		display: none;
	}
	#thm-drk #heroJSON-dark {
		display: block;
	}
	#hatchedHero-content {
	    padding: 0;
	}
	#hatchedHero-content--image {	
		display: flex;
		justify-content: center;
		padding-top: 43%;
	}
	#hatchedHero-content--content {
		padding: 12px 0 0;
	}
	.socialButtons {
		display: flex;
		justify-content: flex-start;
		margin-top:  24px;
	}
	.socialButtons .appStore, .socialButtons .googlePlay {
		z-index: 4;
	}
	.socialButtons div img {
		height: 44px;
		max-width: 100%;
		width: 148px;
	}
	.hatchedReference--desktop {
		display: none;
	}
	.hatchedHero-bottom-border {
		display: none;
	}
	
	@media (max-width: 374px) {
		#hatchedHero {
			height: 190vw;
			padding: 0 12px;
		}
		p.hatchedIntro {
			margin-top: 0;
		}
	}
	@media (min-width: 430px) {
		#hatchedHero {
			height: 142vw;
			margin-bottom: 75px;
		}
		.hatchedHero-bottom-border {
			background-color: #F4F4F4;
			display: flex;
			border-radius: 0 0 70% 70%;
			height: 75px;
			margin-left: -56px;
			position: relative;
			width: 125%;
		}
		#thm-drk #hatchedHero {
			border-radius: 0 0 250%/25%;
		}
		#thm-drk .hatchedHero-bottom-border {
			display: none;
		}
	}
	@media (min-width: 482px){
		#hatchedHero {
			height: 131vw;
		}
	}
	@media (min-width: 554px){
		#hatchedHero {
			height: 122vw;
		}
	}
	@media (min-width: 590px){
		#hatchedHero {
			height: 114vw;
		}
	}
	@media (min-width: 620px){
		#hatchedHero {
			height: 108vw;
		}
	}
	@media (min-width: 668px){
		#hatchedHero {
			height: 100vw;
		}
	}
	@media (min-width: 718px){
		#hatchedHero {
			height: 93vw;
		}
	}
	@media (min-width: 768px) {
		#hatchedHero {
			background-image: url(/assets/images/animations/Background-Illustration-Hero-Tablet.svg);
			border-radius: 0;
			height: 120vw;
			margin-bottom: 0;
			z-index: 1;
		}
		.hatchedHero-bottom-border {
			display: none;
		}
		#thm-drk #hatchedHero {
			background-image: url(/assets/images/animations/Background-Illustration-Hero-Tablet-Dark.svg);
		}
		#heroJSON, #heroJSON-dark {
			height: 398px;
			width: 398px;
		}
		#thm-drk #hatchedHero-content--image #heroJSON, #heroJSON-dark {
			display:  none;
		}
		#thm-drk #heroJSON-dark {
			display: block;
		}
		#hatchedHero-content {
	    	padding: 0;
		}
		#hatchedHero-content--image {	
			padding-top: 25%;
		}
		#hatchedHero-content--content {
			margin-top: -24px;
			padding: 0;
		}
		p.hatchedIntro {
			margin-top:  0;
		}
		.callout {
			display: none;
		}
	}
	@media (min-width: 860px) {
		#hatchedHero {
			height: 104vw;
			margin-bottom: 75px;
		}
		.hatchedHero-bottom-border {
			display: flex;
			width: 108%;
		}
		#hatchedHero-content--image {
			padding-top: 33%;
		}
	}
	@media (min-width:  902px) {
		#hatchedHero {
			height: 97vw;
		}
	}
	@media (min-width:  933px) {
		#hatchedHero {
			height: 96vw;
		}
	}
	@media (min-width:  967px) {
		#hatchedHero {
			height: 98vw;
		}
		#hatchedHero-content--image {
			padding-top: 40%;
		}
	}
	@media (min-width: 992px) {
		#hatchedHero {
			height: 120vw;
			margin-bottom: 0;
		}
		.hatchedHero-bottom-border {
			display:  none;
		}
		.border-twist-two {
		  width: 100%;
		  border-radius: 0 0 15% 15%;
		} 
		#heroJSON, #heroJSON-dark {
			width: 100%;
		}
		#animation {
			width: 125%;
		}
		#hatchedHero-content {
			display: flex;
			flex-direction: column;
			height: auto;
		}
		#hatchedHero-content--content {
			margin-top: 0;
			order: 1;
			padding-top: 0;
		}
		#hatchedHero-content--image {
			align-self: center;
			flex-direction: column;
			justify-content: flex-start;
			margin-left: -56px;
			padding-top: 40%;
		}
		
	}
	@media (min-width: 1120px) {
		#hatchedHero {
			height: 98vw;
			margin-bottom: 75px;
		}
		.hatchedHero-bottom-border {
			display: flex;
		}
	}
	@media (min-width: 1156px) {
		#hatchedHero {
			height: 94vw;
		}
	}
	@media (min-width: 1200px) {
		#hatchedHero {
			background-image: url(/assets/images/animations/Background-Illustration-Hero-Wide@2x.png);
			height: 63vw;
			left: -58%;
			margin-bottom:  0;
			width: 216%;
		}
		.hatchedHero-bottom-border {
			display: none;
		}
		#thm-drk #hatchedHero {
			background-image: url(/assets/images/animations/Background-Illustration-Hero-Wide-Dark@2x.png);
		}
		#hatchedHero-content {
			padding-top: 11%;
		}
		#hatchedHero-content--image {
			margin-left: 16%;
			margin-top: -25%;
			order: 2;
			padding-top: 0;
		}
		h1 {
			margin-bottom: 24px;
		}
		p.hatchedIntro {
			margin-bottom: 48px;
		}
		.hatchedReference {
			display:  none;
		}
		.hatchedReference--desktop {
			display:  flex;
			left: 0;
			justify-content: flex-end;
		}
	}
	@media (min-width:  1900px) {
		#hatchedHero {
			border-radius: 0 0 50% 50%;
			height: 53vw;
		}
	}
	@media (min-width: 2300px) {
		#hatchedHero {
			border-radius: 0 0 50% 50%;
			height: 48vw;
			left: -48%;
			width:  200%;
		}
	}
	/*** End hero Module ***/

/*** Module 2 ***/
	#module2 {
		background-image: url(/assets/images/animations/m-module-2.svg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 175vw;
		min-width: 100%;
		padding-top: 64px;
		position: relative;
		width: 100%;
	}
	#module2 .container {
		display: flex;
		flex-direction: row;
		width: 90%;
		margin-left: 0;
	}
	@media (max-width:  374px) {
		#module2 {
			padding-top: 9%;
		}
	}
	@media (min-width:  375px) {
		#module2 {
			padding-top: 20%;
		}
	}
	@media (min-width: 390px) {
		#module2 {
			padding-top: 20%;
		}
	}
	@media (min-width: 420px) {
		#module2 .container div {
			padding-right: 24px;
		}
	}
	@media (min-width: 554px){
		#module2 {
			padding-top: 164px;
		}
		#module2 .container {
			margin-left: auto;
    		width: unset;
		}
	}
	@media (min-width: 480px) {
		#module2 {
			background-position: top;
			height: 450px;
		}
	}
	@media (min-width: 768px) {
		#module2 {
			background-image: url(/assets/images/animations/t-module-2.svg);
			background-position: top;
			background-size: 100%;
			display: flex;
			flex-direction: row;
			height: 100vw;
			padding-top: 64px;
		}
		#module2 .container {
			padding-top: 25%;
		}
	}
	@media (min-width:  992px) {
		#module2 {
			background-size: auto;
			height: 70vw;
			padding-top: 20%;
		}
		#module2 .container {
			padding-top: 0;
		}
	}
	@media (min-width: 1200px) {
		#module2 {
			height: 45vw;
			padding-top: 0;
			background-image: none;
		}
		#module2 .container {
			background-image: url(/assets/images/animations/d-module-2.svg);
			background-position: top;
			background-repeat: no-repeat;
			background-size: contain;
			height: 45vw;
			padding-top: 10%;
		}
	}
	@media (min-width: 2000px) {
		#module2 {
		    background-image: none;
		    height: 35vw;
		    padding-top: 0;
		}
	}
	/*** End Module 2 ***/

/*** Module 3 ***/
	#module3 {
		min-width: 100%;
		padding-top: 64px;
		position: relative;
		width: 100%;
	}

	#module3JSON--mobile {
		margin-top: -98px;
		padding: 0;
		width:  100%;
	}
	#module3JSON--tablet {
		display: none;
	}
	#module3JSON--desktop {
		display: none;
	}
	.module3--content {
		padding-left: 0;
		top: 24px;
	}
	@media (min-width: 768px) {
		#module3JSON--mobile {
			display: none;
		}
		#module3JSON--tablet {    
			display: block;
    		margin-top: -112px;
		}
		.module3--content {
			position: initial;
			top: unset;
		}
	}
	@media (min-width: 992px) {
		#module3 .container {
			display: flex;
			flex-direction: row;
		}
	}	
	@media (min-width:  1200px) {
		#module3JSON--tablet {
			display: none;
		}
		#module3JSON--desktop {
			display: block;
			padding-top: 64px;
		}
		#module3 .container {
			display: flex;
			flex-direction: row;
		}
		#module3JSON--desktop {
			padding-top: 0;
		}
		.module3--content {
			align-self: center;
		}
	}
	/*** End Module 3 ***/

/*** Module 4 ***/
	#module4 {
		background-image: url(/assets/images/animations/m-module-4-bg.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 320vw;
		margin-top: -32%;
		width: 100%;
	}
	.module4--content {
		padding-left: 0;
		padding-top: 48%;
	}
	.module4--content h3 {
		padding-bottom: 24px;
		padding-left: 0;
	}
	#module4JSON--mobile {
		margin-top:  -68px;
		min-width: 100%;
		position: relative;
		width: 100%;
	}
	#module4JSON--desktop {
		display: none;
	}
	@media (min-width: 640px) {
		#module4 {
			border-radius: 0 0 250%/50% 0;
			height: 225vw;
		}
		#module4JSON--mobile {
			margin:  -74px auto 0;
			min-width: 70%;
			width: 70%;

		}
	}
	@media (min-width: 680px) {
		#module4 {
			height: 200vw;
		}
	}
	@media (min-width: 768px) {
		#module4 {
			background-image: url(/assets/images/animations/t-module-4-bg.png);
			height: 140vw;
			margin-top: -10%;
		}
		#module4JSON--mobile {
			display:  none;
		}
		#module4JSON--desktop {
			display: block;
			order: 1;
			padding-top: 20%;
		}
		.module4--content {
			margin-top: -15%;
			order: 0;
			padding: 0 0 24px 49px;
		}
		.module4--content p {
			padding: 24px 0 0;
		}
	}
	@media (min-width: 920px) {
		#module4 {
			height: 120vw;
		}
	}
	@media (min-width: 992px) {
		#module4 {
			background-image: url(/assets/images/animations/d-module-4-bg.png);
			max-height: 100vw;
			margin-top: -3%;
		} 
		#module4JSON--desktop { 
			margin-left: -15%;
			scale: 1.5;
		}
		#module4 .container {
			display: flex;
			padding: 0;
		}
		.module4--content {
			padding: 48% 0 0;
			margin: 0;
		}
	}
	@media (min-width: 1200px) {
		#module4 {
			border-radius: 0 0 250%/50% 0;
			max-height:  96vw;
			padding-top: 5%;
		}
		#module4 h3 {
			padding-left: 0;
		}
	}
	@media (min-width: 1650px) {
		#module4 {
		    border-radius: 0 0 250%/50% 0;
		    max-height: 86vw;
		    padding-top: 5%;
		}
	}
	@media (min-width: 1700px) {
		#module4 {
		    max-height: 70vw;
		}
	}
	@media (min-width: 2000px) {
		#module4 {
		    max-height: 64vw;
		}
	}
	@media (min-width: 2400px) {
		#module4 {
		    max-height: 54vw;
		}
	}
	@media (min-width: 2600px) {
		#module4 {
			max-height: 55vw;
		}
	}
	/*** End Module 4 ***/

/*** Module 5 - Egg Card ***/
 	#module5 {
 		display: flex;
 		flex-direction: column;
		height: 100%;
		margin-top: 64px;
		min-height: 769px;
		min-width: 100%;
		position: relative;
		z-index: 1;
	}
	#module5 .container {
		display: flex;
		flex-direction: column;
	}
	#module5 .eggCard {
		margin: 0 auto;
	}
	#module5 .eggCard .wrapper {
		align-items: center;
		background-color: #fff;
		border-radius: 32px;
		box-shadow: 0px 5.38567px 13.4642px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
		height: 278px;
		justify-content: center;
		margin: 40px auto;
		padding: 33px 30px;
		text-align: center;
		width: 227px;
	}
	.module5-chat {
		display: none;
	}
	.module5-chat--mobile {
		order: 3;
	}
	#module5 .eggCard img {
		content: url(/assets/images/animations/Egg-Mobile@2x.png);
		max-width: 121px;
		padding-bottom:  24px;
		width:  100%;
	}

	#module5 .eggCard a {
		color:  #fff;
		margin-bottom: 0;
		width:  100%;
	}

	#module5 .cardTitle {
		line-height: 16px;
		font-size: 12px;
		font-weight: 400;
	}

	#module5 .cardDescription {
		line-height: 14px;
		font-size: 10px;
		font-weight: 300;
	}

	#module5 a {
		line-height: 14px;
		font-size: 10px;
		font-weight: 700;
        padding: 10px 0;
	}
	.module5--content-text {
		padding: 0;
	}
	.module5--content-img {
		content: url(/assets/images/animations/Chats.png);
		max-width:  100%;
		padding-top: 40px;
	}
	@media (min-width: 390px) {
		.module5--content-img {
		    max-width: 100%;
		}
	}
	@media (min-width: 768px) {
		#module5 {
			flex-direction: column;
			margin-bottom: 48px;
			margin-top: -15%;
			min-height: auto;
			padding-left: 59px;
			padding-top: 48px;
		}		
		#module5 .container {
			flex-direction: row;
		}
		.module5-chat--mobile {
			display: none;
		}
		.module5-chat {
			display: block;
		}
		.module5--content {
			order: 1;
			z-index: 4;
		}
		.eggCard {
			order: 0;
			padding-left: 0;
		}
		#module5 .eggCard .wrapper {
			height:  291px;
			margin-left: 0;
			margin-top: 64px;
			padding:  48px 24px;
			width:  227px;
		}
		#module5 .eggCard .wrapper img {
			margin-bottom: 24px;
		}
		#module5 .eggCard img {
			content: url(/assets/images/animations/Egg-Tablet@2x.png);
			max-width: 132px;
			padding-top: 46px;
		}
		.module5--content-img {
			content: url(/assets/images/animations/t-module-5-chats.png);
			margin-left:  -18%;
			margin-top: 64px;
			width:  100%;
		}
	}
	@media (min-width: 992px) {
		#module5 {
			padding: 0 109px;
		}
		#module5 h3 {
			padding-bottom:  24px;
			padding-left: 0;
		}
		#module5 p.small {
			padding-left: 0;
		}
		.module5--content-text {
			padding: 0;
		}
		.module5--content-img {
			margin-top: 46px;
		}
	}
	@media (min-width: 1200px) {
		#module5 {
			margin-bottom: 64px;
			margin-top: -5%;
		}
		#module5 .eggCard .wrapper {
			height: 541px;
			margin:  0;
			padding:  0 48px;
			width:  404px;
		}
		#module5 .eggCard img {
			margin-bottom: 46px;
			width:  60%;
		}
		#module5 .cardTitle {
		    line-height: 28px;
		    font-size: 19px;
		}
		#module5 .cardDescription {
		    line-height: 25px;
		    font-size: 17px;
		    margin-bottom: 30px;
		}
		#module5 .eggCard a {
			padding:  21px 0;
			line-height: 25px;
			font-size: 17px;
		}
		#module5 .eggCard img {
			content: url(/assets/images/animations/Egg-Desktop@2x.png);
			max-width: 233px;
		}
		.module5--content-img{
			margin-top: 110px;
		}
		.module5-chat {
			margin-left: 48px;
		}
	}
	@media (min-width: 1440px) {
		.module5-chat {
			margin-left: 0;
		}
	}
	/*** End Module 5 ***/

/*** Module 6 - City Ferris Wheel ***/
	header {
        height: 84px;
    }


    #test {
        background-image: url(/assets/images/animations/m-module-6-background.svg);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: calc(100vw * 3);
        width: 100vw;
    }
    #thm-drk #test {
		background-image: url(/assets/images/animations/m-module-6-background-dark.svg);
		color:  #fff;
	}
    .test--foreground {
        bottom: 276px;
        content: url(/assets/images/animations/m-module-6-foreground.svg);
        height: calc(100vw * 3);
        margin-left:  -24px;
        position: absolute;
        width: 100vw;
    }
    #thm-drk .test--foreground {
		content: url(/assets/images/animations/m-module-6-foreground-dark.svg);
	}
    .testIntro {
        padding-top: 30%;
    }
    .test--content-intro {
        text-align: center;
        margin: 0 auto;
    }
    .test--img {
        height: calc(100vw * 3);
        margin-left: -24px;
        position: absolute;
        transform: translateY(-42%);
        width: 100vw;
    }
	#cityJSON-tablet, #cityJSON-desktop, #cityJSON-mobile-dark, #cityJSON-tablet-dark, #cityJSON-desktop-dark {
		display: none;
	}   
	#thm-drk #cityJSON-mobile-dark {
		display: block;
	}
	#thm-drk #cityJSON-mobile {
		display: none;
	}
    .testForm {
        bottom: 280px;
        left:  50%;
        padding: 0 24px;
        position: absolute;
        transform: translateX(-50%);
        text-align: center;
    }
    #test .testForm--text {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    
    #test .testForm--text h3 {
    	margin-bottom: 0;
        padding-bottom: 24px;
    }
    #test .hatchedForm input, #test .hatchedForm select {
        margin-bottom: 24px;
        max-width:  100%;
        -webkit-appearance: none;
        width: 100%
    }
    #test .center {
        display: flex;
        justify-content: center;
        margin: 0px auto 10%;
        text-align: center;
    }
    @media (min-width:  350px) {
        .testForm {
            margin-bottom: 10%;
        }
    }
    @media (min-width:  375px) {
        .testForm {
            margin-bottom: 25%;
        }
        .test--img {
        	transform: translateY(-41%);
        }
    }
    @media (min-width:  420px) {
        .test--img {
        	transform: translateY(-37%);
        }
    }
    @media (min-width:  480px) {
    	.testIntro {
    		padding-top: 40%;
    	}
        .testForm {
            margin-bottom: 40%;
        }
        .test--img {
        	transform: translateY(-38.5%);
        }
    }
    @media (min-width:  578px) {
        .testForm {
            margin-bottom: 45%;
        }
        .testForm--text p {
        	margin-bottom:  64px;
        }
        .test--img {
        	transform: translateY(-37%);
        }
    }
    @media (min-width:  768px) {
        #test {
            bottom: 171px;
            background-image: url(/assets/images/animations/t-module-6-background.svg);
            height: calc((100vw - 5px) * 2.29);
        }
        #thm-drk #test {
			background-image: url(/assets/images/animations/t-module-6-background-dark.svg);
		}
        .test--foreground {
        	bottom:  171px;
            content: url(/assets/images/animations/t-module-6-foreground.svg);
            height: auto;
            margin-left: -56px;
        }
        #thm-drk .test--foreground {
			content: url(/assets/images/animations/t-module-6-foreground-dark.svg);
		}

        .test--img {
            bottom:  171px;
            margin-left: -56px;
            padding-bottom: 0;
            padding-top: 34%;
            transform: translateY(0);
        }
        .test--img #cityJSON-mobile {
			display: none;
		} 
		.test--img #cityJSON-tablet {
			display: block;
		}
		#thm-drk #cityJSON-tablet-dark {
			display: block;
		}
		#thm-drk #cityJSON-tablet, #thm-drk #cityJSON-mobile-dark {
			display: none;
		}
        .testForm {
        	bottom: unset;
            margin-bottom: 0;
            margin-left: 0;
            height: 50%;
		    position: relative;
		    margin-top: 110%;
        }
        .testForm--text p.small {
        	padding:  0 16px 36px;
        }
    }
    @media (min-width: 1024px) {
		.testForm {
		    margin-top: 125%;
		}
    }
    @media (min-width: 1200px) {
        #test {
            bottom: 138px;
            background-image: url(/assets/images/animations/City-Illustration-Background.svg);
            height: calc(100vw * 1.29);
        }
        #thm-drk #test {
			background-image: url(/assets/images/animations/City-Illustration-Background-Dark@2x.png);
		}
        .test--foreground {
            bottom: 138px;
            content: url(/assets/images/animations/Illustration-Foreground.svg);
            height: auto;
            margin-left: -122px;
        }
         #thm-drk .test--foreground {
			content: url(/assets/images/animations/Illustration-Foreground-Dark.svg);
		}
        .test--img {
            height: calc(100vw * 1.09);
            margin-left: -122px;
            padding-top: 0;
            padding-bottom: 44%;
        }
        .testForm {
            margin-bottom:  0;
            margin-top: 65%;
            text-align: left;
        }
        .testForm--text p.small {
        	padding:  0;
        }
        #test .hatchedForm #hatchedSubmit {
        	width:  auto;
        }
        #test .testForm--text {
            align-items: flex-start;
        }
        .testIntro {
            padding-top: 20%;
        }
    }
    @media (min-width: 1440px) {
    	#test {
            bottom: 138px;
            height: calc(100vw * 1.09);
        }
        .testForm {
        	left: 50%;
            margin-left: 0;
            margin-top: 15%;
            padding: 0;
            transform: translate(-50%, 50%);
        }
        #test .testForm--text {
            margin-left: 0;
        }
        .test--img {
        	padding-bottom:  14%;
        }
        .test--img #cityJSON-tablet {
			display: none;
		} 
		.test--img #cityJSON-desktop {
			display: block;
		}
		#thm-drk #cityJSON-desktop-dark {
			display: block;
		}
		#thm-drk #cityJSON-desktop, #thm-drk #cityJSON-tablet-dark {
			display: none;
		}

    }

/*** Forms ***/
	input, select {
		border: none;
	    border-radius: 32px;
	    padding: 6px 20px;
	    margin-top: 2px;
	    font-size: 14px;
	}
	.hatchedForm select:focus option {
	    color: #373737;
	}
	select:focus option {
		color: blue;
	}
	input::placeholder, input:placeholder-shown, #emailAdd::placeholder, select {
		color: #7E7E7E!important;
	}
	select.minimal {
		background-image:
		linear-gradient(45deg, transparent 50%, #000 50%),
		linear-gradient(135deg, #000 50%, transparent 50%),
		linear-gradient(to right, #000, #000);
		background-position:
		calc(100% - 26px) calc(1em + 7px),
		calc(100% - 21px) calc(1em + 7px),
		calc(100% - 2.5em) 1.5em;
		background-size:
		6px 6px,
		6px 6px,
		0px 1.5em;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
	}

	select.minimal:focus {
		background-image:
		linear-gradient(45deg, #000 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, #000 50%),
		linear-gradient(to right, #000, #000);
		background-position: calc(100% - 26px) calc(1em + 7px), calc(100% - 32px) calc(1em + 7px), calc(100% - 2.5em) 1.5em;
		
	}

	#hatchedSubmit, input[type="submit"] {
		background-color: #7802F8;
		opacity: 1;
	}

/*** Footer ***/
	.site-footer {
		padding:  48px 0;
	}
	.site-footer p {
		font-size: 12px;
	}
	.site-footer p a {
		color: #fff;
		text-decoration: underline;
	}
	.site-footer__bottom p {
		color: #fff;
	}
	.site-footer .container {
		display: flex;
		justify-content: safe center;
	}
	.footer-widget__social {
		padding: 0;
		padding-bottom: 32px;
	}
	.footer-widget__social li {
		width: 24px;
	}
	.footer-widget__social li a {
		background:  none;
		scale: .5;
	}
	.footerIcons {
		display: flex;
		flex-direction: row;
	}
	.footerSocial {
		display: flex;
		justify-content: flex-end;
	}
	.site-footer__bottom {
		text-align: left;
	}
	.site-footer__bottom p {
		padding-left:  0;
	}
	#contactModalLink, #contactModalBodyLink {
		color: #fff;
    	text-decoration: underline;
	}
	#contactModalLink:hover, #contactModalBodyLink:hover, .modal-close:hover {
		cursor: pointer;
	}
	.footer-links {

	}
	.footerLinks {
		flex-direction: row;
	}
	@media (min-width:  768px) {

		#footerLogo {
			display: flex;
		}
		.footer-widget__social {
			padding-bottom: 0;
		}
	}
	@media (min-width: 1200px) {
		.site-footer {
			padding:  24px 0;
		}
		.site-footer p {
    		align-self: center;
			line-height: 18px;
			padding:  0;
		}
		.site-footer__bottom {
			text-align: left;
		}
		.site-footer .container {
			justify-content: flex-start;
		}
	}
	/*** End Footer ***/

/*** Contact Modal ***/
	#contactModal {
		background-color: rgba(255, 255, 255, 1);
		height: 100vh;
		left:0;
		opacity: 0;
		overflow: scroll;
		padding: 40px 24px;
		position: absolute;
		top:0;
		transition: opacity 0.5s, visibility 0s 0.5s;
		visibility: hidden;
		width: 100vw;
		z-index: 1000;
	}
	#contactModal.active {
	  	opacity: 1;
	  	position: fixed;
	  	transition: opacity 0.5s;
	  	visibility: visible;
	}
	.noScroll {
		overflow: hidden;
	}
	.modalHeader {
		border-bottom: none;
		display: flex;
		justify-content: flex-end;
	}
	#contactModal h2 {
		margin-bottom: 56px;
	}
	#contactModal h4 {
		margin-bottom: 24px;
	}
	#contactModal p {
		margin-bottom: 48px;
	}
	.contactForm {
		display: flex;
		flex-direction: column;
	}
	.contactForm input {
		border: 2px solid #F4F4F4;
		border-radius: 56px;
		margin-bottom: 30px;
	}
	.contactForm textarea {
		border: 2px solid #F4F4F4;
		border-radius: 8px;
		font-weight: 400;
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 40px;
		padding:  12px 0 0 20px;
	}
	.contactContent {
		border-bottom: 1px solid #F4F4F4;
		margin-bottom: 56px;
	}
	.close {
	    position: absolute;
	    display: inline-block;
	    width: 24px;
	    height: 24px;
	    opacity: 1;
	    overflow: hidden;
	    right: 24px;
	    top: 24px;
	}
	.close::before, .close::after {
	    background: #000;
		border-radius: 5px;
	    content: "";
	    position: absolute;
	    height: 2px;
	    width: 100%;
	    top: 50%;
	    left: 0;
	    margin-top: -2px;
	}
	.close::before {
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.close::after {
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	@media (min-width: 768px) {
		#contactModal {
			background-color: rgba(16, 16, 16, .75);
		}
		#contactModal p {
			font-size: 12px;
			line-height: 18px;
		}
		.contactModal--wrapper {
			background-color: #fff;
			border-radius: 24px;
			height: auto;
			left:  50%;
			padding: 24px 36px;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.contactWrap {
			display: flex;
		}
		.contactWrap .contactContent {
			border-bottom: none;
			border-left: 1px solid #F4F4F4;
			order: 1;
			padding-left: 36px;
		}
		.contactForm {
			display: block;
			order: 0;
			padding-right: 36px!important;
		}
		.contactForm textarea {
			margin-bottom: 40px;
			max-width: 95%;
		}
	}
	@media (min-width:  1024px) {
		.contactModal--wrapper {
			padding: 24px 98px;
		}
		
		#contactModal p {
			font-size: 16px;
			line-height: 24px;
		}
	}
	/*** End Contact Modal ***/

/*** Privacy Policy ***/
	#privacy-policy section, #terms section, #guidelines section {
		margin-top:  64px;
	}
	#privacy-policy h1 {
		margin-bottom:  42px;
	}
	#privacy-policy h2 {
		font-size: 19px;
		margin-bottom: 16px;
	}
	#privacy-policy strong {
		font-weight: 700;
	}
	#privacy-policy ul, #terms ul {
		margin-bottom: 24px;
		padding: revert;
	}
	#privacy-policy ol {
		padding-left: 24px;
	}
	#privacy-policy p, #privacy-policy li, #terms p, #terms li, #guidelines p, #guidelines li {    
	    font-size: 15px;
	    font-weight: 400;
	    line-height: 27px;
	    letter-spacing: 0.0125em;
	}
	#privacy-policy .policyTable table, th, td {
	  border: 2px solid black;
	  padding:  1em;
	}
	#privacy-policy .policyTable table {
		margin-bottom: 48px;
		margin-top:  40px;
	}
	@media (min-width: 768px) {
		#privacy-policy section {
			margin-top:  80px;
			padding-left: 111px;
			padding-right: 111px;
		}
		#privacy-policy h1 {
			margin-bottom:  18px;
		}
		#privacy-policy h2 {
			font-size: 24px;
		}
		#privacy-policy p, #privacy-policy li {  
			font-size: 19px;
		}
		#privacy-policy .policyTable table, th, td {
		  padding:  2em;
		}
	}
	@media (min-width:  1200px) {
		#privacy-policy h2 {
			font-size: 34px;
		}
		#privacy-policy .policyTable table {
			margin-top: 72px;
		}
		#privacy-policy .policyTable table, th, td {
		  padding:  3em;
		}
	}

	@media (max-width: 767px) {
		.site-footer {
			padding: 20px 0;
		}
	}