@charset "UTF-8";
/* CSS Document */

body,html {
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) center center no-repeat fixed #303030;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	color: #e6e3d7;}
h1 {
	color: #F68B1F;
}
h1.small {
	color: #e6e3d7;
}
#intro #logo {
	width: 500px;
	height:155px;
	cursor: pointer;
	position: absolute;
	height: 500px;
}
#intro #logo img {
	width: 100%;
	cursor: pointer;
}
#intro #window {
	display:none;
	position: absolute;
}
#intro #login {
	display: none;
position: absolute;
width: 300px;
z-index: 99;
background: rgba(0, 0, 0, .6);
border: 3px solid rgba(246, 139, 31, 0.3);
padding: 15px;
}

#intro #forms {
	width:400px;
	position: absolute;
}
#intro #forms a {
	color: #e6e3d7;
}
#intro #forms a:hover {
	color: #e6e3d7;
}
#intro #complete {
	width:500px;
	position: absolute;
}
.status {
	
	
}

@media screen and (max-width:600px) {
	
	#intro #logo, #intro #forms, #intro #complete {
		width: 320px;
	}
	
}