@font-face {
font-family:bison;
src:url(fonts/Bison-Bold.eot);
src:url(fonts/Bison-Bold.eot?#iefix) format("embedded-opentype"),
url(fonts/Bison-Bold.woff2) format("woff2"),
url(fonts/Bison-Bold.woff) format("woff");
}


.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
		transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'bison', Arial;
color:#FFF;
background:url(images/bg.jpg) center center no-repeat fixed;
background-size:cover;
}

#container {
width:700px;
margin:0 auto;
height:100vh;
text-align:center;
padding:2% 0 0 0;
}

#container #logo {
margin:0 0 30px 0;
}

#container #logo img {
max-width:40%;
}

#btn a {
background-color:#0e1e25;
color:#FFF;
border-radius:5px;
padding:6px 25px 8px 25px;
font-size:32px;
}

#bottom {
position:absolute;
bottom:8%;
left:0;
right:0;
}

#bottom #btn a {
padding:6px 25px 8px 25px;
font-size:24px;
}

@media all and (max-width:800px) {
#container {
width:70%;
margin:0 auto;
padding-top:5%;
}

#container #logo img {
max-width:70%;
}
}