body.login {

  background-image: url(../images/login_background.jpg);

  background-size: auto;

  background-position: center top;

}

body .login-container {

  padding: 0 15px;

  width: 91%;

  margin: 0 auto;

  background-color: rgba(240, 240, 240, 0.5);

}

body .login-container #login {

  padding: 1.5rem!important;

  margin: 0;

  background-color: rgba(248,249,250,0.5) !important;

  width: auto;

}

#loginform {

  background: none;

  padding: 0;

  border: none;

}

#loginform label[for=user_login],

#loginform label[for=user_pass] {

  color: #E30327;

  font-weight: 600;

  font-size: 16px;

}

.dashicons-visibility:before {

  color: #E30327;

}

.login #nav {

  display: inline-block;

  margin: 24px 0 0 0;

  padding: 0 24px 0 0;

  float: none;

}

.login #nav a,

label[for=rememberme] {

  font-weight: bold;

  font-size: 16px;

  color: #555459 !important;

}

.login form .forgetmenot {

  float: right;

  margin: 24px 0 0 0;

}

#backtoblog {

  display: none;

}

p.submit {

  display: flex;

  justify-content: center;

  width: 100%;

}

.wp-core-ui .login-container .button-group.button-large .button,

.wp-core-ui .login-container .button.button-large {

  color: #fff;

  font-size: 2em;

  cursor: pointer;

  padding: 0px 5px 5px 5px;

  margin-top: 1em;

  border: none;

  border-radius: 50px;

  background-color: #E30327;

  width: 100%;

}

@media (min-width: 768px) {

  body .login-container {

    width: 50%;

  }

  .wp-core-ui .login-container .button-group.button-large .button,

  .wp-core-ui .login-container .button.button-large {

    width: 50%;

}

@media (min-width: 992px) {

  body .login-container {

    width: 41%;

  }

}