@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700');

* {
	box-sizing: border-box;
}

body {
	margin:0px;
	color:#222323;
	font-family:'Avenir Condensed', monospace;
	font-size:18px;
	font-weight:400;
	height: 100%;
}

.clear{
	clear:both;
}

.yellow{
	color:#ffad16;
}

.blue{
	color:#00b2f4;
}

.green{
	color:#50c081;
}

html,
body,
form{
	height:100%;
}

.box{
	text-align:center;
	display:flex;
	flex-direction:column;
}

.box.box-1{
	background-color:#009fe3;
	height:4%;
}

.box.box-2{
	background:url(/images/first_screen_bg.jpg) center center no-repeat;
	background-size:cover;
	flex:1;
	font-size:2vmin;
	padding:2% 5%;
}

.box.box-2 label{
	font-size:2.8vmin;
}
	
.box.box-3{
	height:12%;
	min-height:70px;
}

.button{
	font-size:3.2vmin;
	font-family:"Avenir Black", sans-serif;
	margin:10px 0px;
	color:#fff;
	background-color:#009fe3;
	padding:10px 5%;
	display:inline-block;
	text-decoration:none;
	margin-top:1%;
}