html, body { margin: 0; padding: 0; width: 100%; height: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-overflow-style: scrollbar;
}

html {font-size: 10px;}

.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #000;
	background: #fff;
	overflow: hidden;
}

.inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	min-width: 78vh;
	width: 78vh;
	height: 100%;
	text-decoration: none;
	background: -moz-linear-gradient(-60deg,  rgba(255,255,255,1) 44%, rgba(4,156,250,1) 100%);
	background: -webkit-linear-gradient(-60deg,  rgba(255,255,255,1) 44%,rgba(4,156,250,1) 100%);
	background: linear-gradient(120deg,  rgba(255,255,255,1) 44%,rgba(4,156,250,1) 100%);
}

.bg {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(img/bg.png) 0 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.box {
	position: relative;
	z-index: 3;
	width: 70vh;
	margin: 0 0 10vh;
}

.logo {
	position: relative;
	margin: 0 0 5.5vh;
	width: 100%;
	height: 2.5vh;
	background: url(img/logo.png) left center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden;
	text-indent: -5000px;
}

.title {
	position: relative;
	margin: 0 0 2.8vh;
	font: 500 6.2vh/1.1 'Mail Sans Roman', 'TT Norms Pro', 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.description {
	position: relative;
	margin: 0 0 3.8vh;
	font: 400 2vh/1.5 'Mail Sans Roman', 'TT Norms Pro', 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.note {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 1vh;
	font: 400 2vh/1.6 'Mail Sans Roman', 'TT Norms Pro', 'Proxima Nova', Arial, Helvetica, sans-serif;
	color: #828282;
}

.btn,
.btn:hover {
	display: block;
	margin: 0 0 2vh;
	width: 21vh;
	height: 6.4vh;
	text-align: center;
	text-decoration: none;
	font: 500 2.2vh/6.4vh Arial, Helvetica, sans-serif;
	color: #fff;
	background: #005FF9;
	-webkit-border-radius: 1.2vh;
	border-radius: 1.2vh;
	transition: opacity 300ms;
}
.btn:hover {
	opacity: 0.8;
}

@media screen and (max-width: 78vh) {
	.wrapper {
		justify-content: flex-start;
	}
}