@font-face {
	font-family: P22Mackinac-Medium;
	src: url("../fonts/P22Mackinac-Medium.woff2") format("woff2");
	font-display: swap;
}

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

@font-face {
	font-family: Haffer-Bold;
	src: url("../fonts/Haffer-Bold.woff2") format("woff2"),
		url("../fonts/Haffer-Bold.woff") format("woff"),
		url("../fonts/Haffer-Bold.otf") format("opentype");
	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: #000000;
	font-family: P22Mackinac-Medium, Georgia, serif;
	font-size: 3rem;
	margin: 0;
	padding: 2.813rem 0 2.063rem;
	line-height: 1.2;
}

.coming-soon__desc {
	font-family: Haffer-Bold, Arial, sans-serif;
	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;
	}
}