body.login {
 background-image: url(../img/login.jpg);
 background-size: 100%;
 padding: 100px;
 box-sizing: border-box;
}

body.login div#login {
	background-color: rgba(0,0,0, .65);
	padding: 40px 30px;
	border-radius: 50px;
}

@media (min-width:  768px){
	body.login div#login {
		width:700px;
		margin:auto;
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		height: 330px;
		

	}

} 

body.login div#login h1 {}

@media (min-width:  768px){
	body.login div#login h1 {
		margin-top: 50px;
		width: 50%;

	}

}

body.login div#login h1 a {
	background-image: url("../img/logo.png");
	height: 200px;
	background-size: 50%;	
	width: 100%;
	margin: 0;
	display: inline-block;
	
}

body.login div#login form{
	border: none;
	border-radius: 10px;
}

@media (min-width:  768px){
	body.login div#login form{
		width: 40%;
		float: right;
		margin-top: -225px;
	}
}

body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login:focus {
	border-color: #9e231f;
	box-shadow: 0 0 0 1px #9e231f;
}
body.login div#login form#loginform input#user_pass:focus {
	border-color: #9e231f;
	box-shadow: 0 0 0 1px #9e231f;
}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme:focus {
	border-color: #9e231f;
	box-shadow: 0 0 0 1px #9e231f;
}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {
  cursor: pointer;
  background-color: #9e231f;
  color: #fff!important;
  display: inline-block;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 1px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
  cursor: pointer;
  background-color: transparent;
  color: #9e231f!important;
  display: inline-block;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #9e231f;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 1px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
body.login div#login p#nav {
	
}
body.login div#login p#nav a {
	color: white;

}
body.login div#login p#nav a:hover {
	color: #9e231f;
}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {
	color: white;
}
body.login div#login p#backtoblog a:hover {
	color: #9e231f;
}

@media (min-width:  768px){
	form#language-switcher {
		position: absolute;
	  bottom: 50px;
	  right: 43%;

	}

	
}

span.dashicons{
	color: #9e231f!important;
}

span.dashicons:hover{
	color: #3c434a!important;
}

input.button:hover {
	color: #9e231f!important;
	border: 1px solid #9e231f!important;
}

div#login_error{
	position: absolute;
	bottom: 0; right: 7.5rem;
}

p.message{
	position: absolute;
	bottom: 0; right: 6.5rem;
}