body,html{
	font-family: "open-sans", sans-serif;
	font-size:20px;
	-webkit-font-smoothing: antialiased;
	margin:0;
	padding:0;
	letter-spacing:0.08em;
	width:100%;
	height:100%;
	overflow-x:hidden;
}
.bg-yellow{
	background:url("/imgs/bg-yellow.jpg") no-repeat center center;
	background-size:cover;
}

.bg-black{
	background:url("/imgs/bg-black.jpg") no-repeat center center;
	background-size:cover;
}

a{text-decoration: none;}

h1{
	font-size:2.75em;
}
h2{
	font-size:1.2em;
	letter-spacing:0.08em;
	/*font-weight:900;*/
	margin-bottom:5px;
}

p{
	margin:0;
	margin-bottom:30px;
	letter-spacing:0.08em;
}

.table{
	display: table;
	width:100%;
	height:100%;
}
.table-cell{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	padding:20px;
}


.text-white{
	color:#ffffff;
}
.text-gold{
	color:#AA7926;
}
.text-grey{
	color:#D5D3D3;
}


.logo{
	width:100%;
	max-width:400px;
	margin:0 auto 70px;
}
.logo.small{
	width:100%;
	max-width:320px;
}
.logo-animated{
	position:relative;
	top:-250px;	
}

.intro{
	width:100%;
	max-width:480px;
	margin:90px auto 70px;
}


input{
	font-size:24px;
	padding:20px 25px;
	width:100%;
	max-width:400px;
}



@media(max-width:768px){
	h1{
		font-size:2em;
	}

	.logo{
		margin:0 auto 50px;
	}

	.intro{
		margin:50px auto 50px;
		font-size:;
	}
}


@media(max-width:560px){

	.logo{
	width:100%;
	max-width:300px;
	margin:0 auto 70px;
}

	input{
		font-size:20px;
		padding:10px 15px;
		width:100%;
		max-width:400px;
	}

	h1{
		font-size:1.6em;
	}

	.logo{
		margin:0 auto 20px;
	}

	.intro{
		margin:20px auto 20px;
		font-size:17px;
	}
	.incorrect{
		font-size:17px;
		margin:10px auto 20px;
	}
}




 
.first-slide{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:#000;
}
.main-body{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
}
.main-body.error{
	top:0;
}


.copyright{
	position:absolute;
	bottom:15px;
	width:100%;
	text-align: center;
	font-size:14px;
}
@media(max-height:900px){
	.copyright{
		margin-top:40px;
		position:static;
	}
}



.play-button{
	width:18px;
	height:18px;
	display:inline-block;
}
.out-button{
	width:13px;
	height:13px;
	display: inline-block;
}

.logout{
	font-size:16px;
	font-weight:900;
}