html, body {
	background: #14bcdb;
	overflow-x: hidden;
	color: white;
}

.background {
	left: 0;
	bottom: 0;
	position: fixed;

	height: 100%;
	height: 100vh;
	width: 100%;
	z-index: -1;

	/* background: #b6692a;
	background: -moz-linear-gradient(top, #b6692a 49%, #076b7c 50%);
	background: -webkit-linear-gradient(top, #b6692a 49%,#076b7c 50%);
	background: linear-gradient(to bottom, #b6692a 49%,#076b7c 50%); */

	background: black fixed center no-repeat;
	/* background-image: url("https://source.unsplash.com/1600x900/daily/?construction"); */
	/* background-image: url("https://source.unsplash.com/P_qvsF7Yodw/1600x900"); */
	/* background-image: url("https://source.unsplash.com/Edva6JFPeyU/1600x900"); */
	background: rgb(21, 35, 77);
	background-size: cover;

	transform: scale(1.1);
	filter: blur(10px);
}

.logo {
	width: 500px;
}

.wrapper {
	/* background: rgba(255,255,255, 0.4); */
	padding: 60px 20px;
	text-align: center;

	min-height: 500px;
	width: 100%;
	height: 100vh;
}

@media only screen and (min-width: 450px) {
	.wrapper {
		/* position: absolute; */
		/* top: 50%; */
		/* left: 50%; */
		/* transform: translate(-50%, -65%); */
		min-height: 500px;
		width: 400px;
		height: unset;
		margin: auto;
	}
}

@media only screen and (max-width: 650px) {
	.logo-wrapper svg {
		transform: scale(3) translateX(10px) !important;
	}

	/* .logo-wrapper {
		transform: scale(.75);
	}

	.logo-wrapper.complete {
		transform: scale(1);
	} */
}

.logo-wrapper {
	width: 100%;
	margin-bottom: 50px;
	padding-top: 80px;
	transform: scale(0.65);
}
.logo {
	width: 100%;
	margin-bottom: 20px;
}
.logo-wrapper svg {
	transform: scale(4);
	pointer-events: none;
}