* {
	margin: 0;
	padding: 0;
}

#logo {
	margin-top: 2%;
	margin-bottom: 2%;
}

#login {
	width: 400px;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#login h1 {
	background-image: linear-gradient(#f1540b, #9c3a0c);
	padding: 20px 0;
	font-size: 140%;
	font-weight: 300;
	text-align: center;
	color: #fff;
}

form {
    background-image: linear-gradient(#eee, #bbb);
    padding: 6% 4%;
    border-radius: 5px;
}

input[type="username"],
input[type="password"] {
	width: 100%;
	margin-bottom: 4%;
	padding: 4%;
}

input[type="submit"] {
	width: 100%;
	background: #d1541a;
	margin-top: 4%;
	border: 0;
	padding: 4%;
	transition: background .3s;
	-webkit-transition: background .3s;
}

input[type="submit"]:hover {
	background: #a23610;
}

.login-logo {
	width: 285px;
	margin-bottom: -20px;
}

input.btn.btn-primary.btn-block {
    background-image: linear-gradient(#f1540b, #9c3a0c);
}

.error {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}