body {
	background-color: #F2F4F4;
}

.login-box {

	width: 40%;
	margin-top: 30vh;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border: 1px solid #EBEDEF;
}

.login-form {
	margin: 30px;

}

.login-label {
	margin:30px 30px; 
}

.login-form .form-group input {
	border-radius: 0;
	height: 50px;
}

#submit {
	width: 100%;
	margin-top: 10px;
	background-color: #E2A9F3;
	border: 1px solid #DA81F5;
	height: 50px;
	font-size: 20px;
}

.has-error .help-block {
  color: red;
}

@media (max-width:768px) {

	.login-box {

		width: 90%;
		margin-top: 25vh;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		border: 1px solid #EBEDEF;
	}

}

@media (min-width:768px) {

	.login-box {

		width: 70%;
		margin-top: 30vh;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		border: 1px solid #EBEDEF;
	}

}

@media (min-width:992px) {

	.login-box {

		width: 55%;
		margin-top: 30vh;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		border: 1px solid #EBEDEF;
	}

}

@media (min-width:1200px) {

	.login-box {

		width: 40%;
		margin-top: 30vh;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		border: 1px solid #EBEDEF;
	}

}