body.login {
	background: #f6f8fa;
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.login div#login {
	width: 541px;
	background: #fff;
	padding: 0;
	padding: 40px;
	border: 1px solid #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	-webkit-box-shadow: 0px 0px 17px -2px rgba(217, 214, 214, 1);
    -moz-box-shadow: 0px 0px 17px -2px rgba(217, 214, 214, 1);
    box-shadow: 0px 0px 17px -2px rgba(217, 214, 214, 1);
}

body.login div#login form#loginform {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	background:#fbfbfb;
}

body.login div#login p#nav a:active,
body.login div#login p#nav a:focus {
	outline: none;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body.login div#login form#loginform input#user_login,
body.login div#login form#loginform input#user_pass {
	-webkit-box-shadow: none;
	box-shadow: none;
	background:#fff;
	border-radius:4px;
	border: 1px solid #ccc;
	padding:6px 12px;
}

@media only screen and (max-width: 768px) {
	body.login div#login {
		width: 95%;
		padding: 20px;
	}
}
/*
@media only screen and (min-width: 1240px) and (max-width: 1620px) {
	body.login div#login {
		width: 50%;
	}
}

@media only screen and (min-width: 1080px) and (max-width: 1239px) {
	body.login div#login {
		width: 60%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1079px) {
	body.login div#login {
		width: 70%;
	}
}

} */