html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{
	margin:0
}
body,h1,h2 {font-family: monospace, sans-serif }
body, html {height: 100%}

.bgimg {
  background-image: url('sb_background.png');
  min-height: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}

.animate-opacity {animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.text-white{color:#fff}

.logo {
	width: 80%;
	height: auto;
	max-width: 22vmax;
	position:absolute;left:0;top:0;
	padding:20px 24px;
}

.main {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}

.animate-top {
	position:relative;
	animation:animatetop 0.4s;
}
@keyframes animatetop {from{top:-300px;opacity:0} to{top:0;opacity:1}}

.up_txt {
	font-size:3.3vmax;
}

.dwn_txt {
	font-size:2.2vmax;
}

.border {
	border-color:#9e9e9e;
	margin:auto;
	width:40%;
}

.contact {
	font-size:1.3vmax;
	text-align:center;
}

.footer {
	position:absolute;
	left:0;
	bottom:0;
	padding:12px 24px;
	font-size:1.1vmax;
}