#navigation,
#help,
#user {
	display:none !important;
}
#page {
	left:0;
	width:100%;
	text-align:center;
}
	
#login {
	display:inline-block;
	width:280px;
}
#login form {
	width:auto;
	padding:20px;
	text-align:left;
	border:1px solid rgba(255,255,255,0.1);
	background-color:rgba(255,255,255,0.05);
	color:#FFFFFF;
}
p.title {
	font-weight:bold;
	font-size:30px;
	line-height:2;
	color:#FFFFFF;
	opacity:0.7;
}
label {
	display:block;
	text-align:left;
	line-height:2;
}
input[type="text"],
input[type="password"] {
	width:100%;
	margin:0;
	box-sizing:border-box;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	background-color:rgba(255,255,255,0.2);
	border:1px solid rgba(255,255,255,0.1);
	color:#FFFFFF;
}
input:focus {
	border:1px solid rgba(255,255,255,0.6);
	color:#FFFFFF;
}
#rememberme {
	padding:10px 0;
}
#rememberme .alert {
	display:none;
	padding:10px 0;
}
#rememberme input:checked+.alert {
	display:block;
}

button {
	width:100%;
	margin-top:20px;
	line-height:30px;
	text-align:center;
	color:#FFFFFF;
	background-color:#203D4D;
	border:1px solid transparent;
	cursor:pointer;
}
button:hover {
	border:1px solid rgba(255,255,255,0.3);
}

@media screen and (max-width:700px) {
	#login form {
		padding:10px;
	}
	p.title {
		font-size:18px;
	}
	label {
		font-size:14px;
	}
}