body.login{
	background-color: #18181a;
	background-image: url("../img/login-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
@media (min-width: 554px) {
	body.login{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}
#login{
	max-width: 410px;
	min-width: 320px;
	padding: 30px 20px 30px;
}
@media (min-width: 554px) {
	#login{
		width: 410px;
	}
}
#login h1 a, .login h1 a {
	background-image: url('../img/logo-institute.svg');
	height:192px;
	width:185px;
	background-size: 185px 192px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.login form{
	border-radius: 3px;
	border: 1px solid #d3dbe3;
	padding: 36px 20px;
	margin-top: 0;
}
@media (min-width: 768px) {
	.login form{
		padding: 36px 44px;
	}
}
.login #backtoblog{
	display: none;
}
.login #nav{
	text-align: center;
}
.login #nav a{
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #626280;
	transition: all 250ms linear;
}
.login #nav a:hover, .login #nav a:focus, .login #nav a:active{
	color: #ffe267;
}
a:focus{
	box-shadow: none;
}
.login form p.forgetmenot{
	text-align: center;
	float: none;
	margin-bottom: 20px!important;
	padding-top: 5px;
}

#login form p.submit{
	float: none;
	display: block;
}
.login .button-primary{
	float: none;
	display: block;
	width: 100%;
	background-color: #1d1e23;
	border-color: #1d1e23;
	height: 45px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #ffe267;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 250ms linear;
	letter-spacing: 1px;
}
.login .button-primary:hover, .login .button-primary:focus, .login .button-primary:active{
	color: #ffe267;
	background-color: #34353a;
	border-color: #34353a;
	outline: none;
	box-shadow: none;
}
.login label{
	display: none;
}
.login .forgetmenot label, .login .pw-weak label{
	display: inline-block;
	text-transform: uppercase;
	color: #3b3b51;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
}
.login form .input, .login form input[type=checkbox], .login input[type=text]{
	border: 1px solid #e8ecf0;
	background-color: #ffffff;
}
.login form .input:focus, .login form input[type=checkbox]:focus, .login input[type=text]:focus{
	box-shadow: 0 0 0 1px #f8f8f8;
}
.login input[type=text], .login input[type=password]{
	color: #3b3b51;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #b9b9cd;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #b9b9cd;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #b9b9cd;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
	color: #b9b9cd;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
.login form .input, .login input[type=password], .login input[type=text]{
	padding-left: 15px;
	padding-right: 15px;
	min-height: 45px;
	margin: 0 0 20px 0;
}
.login #login_error, .login .message, .login .success{
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #626280;
	border-radius: 4px;
}