body {
	min-height: 100%;
	/* background-color: #dddcd7; */
	background-image: url("../img/bg.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.login {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 20px 20px 30px 20px;
	border-radius: 5px;
	opacity: 1;
}
.login .box-header {
	width: 100%;
	text-align: center;
}
.login .box-header .logo {
	width: 80px;
	border: 3px solid #fff;
	border-radius: 40px;
}
.login h3 {
	text-align: center;
	font-weight: bold;
	color: #0f0f0f;
}
.login label {
	color: #2e2e2c;
}
.login input[type="text"],
.login input[type="password"] {
	border-radius: 20px;
	padding: 20px 15px;
}
.login .box-footer {
	width: 100%;
	text-align: center;
}
.login .box-footer .btn-login {
	border-radius: 25px;
	padding: 8px 15px;
}
.btn-primary {
	background-color: #231F20;
	color: #fff;
	border: 1px solid #231F20;
}
.text-primary {
	color: #231F20;
}

@media (max-width: 767px) {
	.login {
		margin-top: 20px;
	}
}
@media only screen and (min-device-width: 768px) {
	.login {
		margin-top: 35%;
	}
}