@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:700|Lato:300);

html {
	width:100%;
	height:100%;
	background: #000 url("img/splash-bg2.png") no-repeat center center fixed;
	background-size: cover;
}

body {
	position:relative;
	height:100%;
	font-family:'Lato', sans-serif;
	margin: 0;
	padding: 0;
}

.fg-text-box {
	position:absolute;
	width:55%;
	height:auto;
	background:rgba(0,0,0,0.6);
	top:10px;
	right:10px;
	text-align:center;
	padding: 10px;
}


h1{
	color:#fff;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	margin-top: 0;
}

h1 span {
  font-size: 0.5em;
  font-weight: normal;
}

p{
	color:#fff;
}

a{
	margin:10px 20px 0;
	color:#fff;
	text-decoration: none;
	display: inline-block;
	padding: 3px 10px;
	font-size: 1.8em;
	border: 2px solid #888;
	border-radius: 2px;
  transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  cursor: pointer;
}

a.enter {
  border: 2px solid #a91632;
}

a:hover {
  opacity: 0.8;
}

.footer{
	position:absolute;	
	background:rgba(0,0,0,0.6);
	bottom:0;
	left:0;
	right: 0;
	text-align:center;
	font-size: 0.8em;
	margin: 0;
	color: #fff;
	padding: 4px;
}

@media (max-width: 700px) {
	
html{
	background:url("img/splash-bg-mobile.png") no-repeat top center fixed;
}


.fg-text-box{
	position:static;
	width:100%;
}

.footer{
	position:static;
}
	
}