@font-face {
  font-family: 'Open Sans';
  src: url("fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'Cormorant SC';
  src: url("fonts/cormorantsc-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

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: #fff;
	background: #110916;
	overflow: hidden;
}

.inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	min-width: 78vh;
	width: 78vh;
	height: 100%;
	text-decoration: none;
}

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

.box {
	position: relative;
	z-index: 3;
	width: 40.7vh;
	margin: 0 0 0vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

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

.title {
	position: relative;
	margin: 0 0 2vh;
	font: 400 4.4vh/1.2 'Cormorant SC', Arial, Helvetica, sans-serif;
}

.description {
	position: relative;
	margin: 0 0 3vh;
	font: 400 2.2vh/1.4 'Open Sans', Arial, Helvetica, sans-serif;
}

.btn,
.btn:hover {
	display: block;
	padding: 0 4.4vh;
	height: 6.8vh;
	text-align: center;
	text-decoration: none;
	font: 500 2.2vh/6.4vh Arial, Helvetica, sans-serif;
	color: #2570F4;
	background: #FFFFFF;
	-webkit-border-radius: 1.2vh;
	border-radius: 1.2vh;
	font-weight: bold;
}

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