/* Coming Soon page styles */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html,
body {
	width: 100%;
	height: 100%;
}

.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	background-image: url('./bg.jpg');
	background-size: cover;
	background-position: center;
}

.cs-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
	line-height: 80px;
	padding: 2rem 3rem;
	backdrop-filter: blur(5px);
	border-radius: 5px;
}

.cs-wrapper h1 {
	text-transform: uppercase;
	font-size: 48px;
	color: #014a96;
}

.wrapper img {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}

@media (max-width: 500px) {
	.cs-wrapper {
		width: 380px;
		line-height: 66px;
	}

	.cs-wrapper h1 {
		font-size: 38px;
	}

	.wrapper img {
		width: 150px;
	}
}