@font-face {
	font-family: TAPhilausophy;
	src: url("../fonts/TAPhilausophy-SemiBold.woff2") format("woff2"),
		url("../fonts/TAPhilausophy-SemiBold.woff") format("woff"),
		url("../fonts/TAPhilausophy-SemiBold.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	unicode-range: U+0020-007F;
	font-display: swap;
}

@font-face {
	font-family: TABanjo;
	src: url("../fonts/TABanjo-Regular.woff2") format("woff2"),
		url("../fonts/TABanjo-Regular.woff") format("woff"),
		url("../fonts/TABanjo-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

html, body {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

body * {
	box-sizing: border-box;
}

.coming-soon {
	background: url(../images/mobile.adapt.768.high.jpg) no-repeat center center;
	background-size: cover;
	height: 100vh;
	width: 100vw;
}

.coming-soon__main {
	background-color: #f3f2eb;
	height: 100%;
	left: 50%;
	max-height: 33.25rem;
	max-width: 46.75rem;
	padding: 3.75rem 3.125rem;
	position: fixed;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.coming-soon__logo {
	display: inline-block;
}

.coming-soon__logo img{
	width: 100%;
}

.coming-soon__title {
	color: #00535e;
	font-family: TAPhilausophy;
	font-size: 3.438rem;
	margin: 0;
	padding: 2.813rem 0 2.063rem;
}

.coming-soon__desc {
	font-family: TABanjo;
	font-size: 1.125rem;
	margin: 0 0 1rem;
	padding: 0;
}

@media only screen and (max-width: 1024px) {
	.coming-soon__logo {
		max-width: 8rem;
	}
}

@media only screen and (max-width: 768px) {
	.coming-soon__main {
		height: auto;
		max-width: 90vw;
		padding: 1.25rem;
	}

	.coming-soon__logo {
		max-width: 6.25rem;
	}

	.coming-soon__title {
		font-size: 1.85rem;
		padding: 2rem 0 1.5rem;
	}

	.coming-soon__desc {
		font-size: 1rem;
	}
}