@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



html { 
  background: url(../img/theater.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	background:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'bebas_neueregular';
	font-weight:100;
	color:#525252;
	font-size: 300%;
}

#logo {
	position:fixed;
	bottom:140px;
	left:40px;
	width:122px;
	height:auto;
}



#logo-text {
	font-family: 'bebas_neueregular';
	color:#ffffff;
	font-size:4em;
	font-weight:100;
	position:fixed;
	bottom:40px;
	left:40px;
}

.login-box {
	position:relative;
	width:100%;
	min-height:200px;
	z-index:100;
	padding:40px;
}

.login-box .box-content {
	z-index:300;
}

.login-box h1 {
	margin-top:0;
	margin-bottom:30px;
	padding:0;
}

.box-bg  {
	width:100%;
	height:100%;
	background:#FFFFFF;
	opacity:.8;
	position:absolute;
	top:0;
	left:0;
	z-index:-100;
}

.login-container {
	margin-top: 12%;
}

.login-box label {
	font-family: 'bebas_neueregular';
	font-weight:100;
	color:#525252;
	font-size: 1.4em;
}





/*Mobile*/
@media (max-width: 767px) {

	#logo, #logo-text {
		position:relative;
		font-size:2em;
	}
	#logo {
		bottom:-25px;
	}
	#logo-text {
		bottom:-35px;
	}
}