body {
    background: #f6fafc;
    color: #474747;
    font-size: 16px;
}

#login {
    width: unset;
    width: 100%;
}

#login > * {
    margin-left: 1rem;
    margin-right: 1rem;
}

#login h1 a,
.login h1 a {
    background-image: url(images/blue_logo_small@2x.png);
    height: 95px;
    width: 320px;
    background-size: 320px 95px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

#loginform, .login #login_error, .login .message, .login .success {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.login #backtoblog a, .login #nav a {
    color: #313183;
}

.login label {
    font-size: 1rem;
}

.wp-core-ui .button {
    border-radius: 50rem;
    font-size: 1rem;
}

.wp-core-ui .button-primary {
    color: #fff;
    background-color: #313183;
    border-color: #313183;
}

.wp-core-ui .button-primary:hover {
    color: #fff;
    background-color: #2a2a6f;
    border-color: #272769;
  }

  .login .button.wp-hide-pw .dashicons {
    color: #313183;
  }

  .login .button.wp-hide-pw .dashicons:hover {
    color: #2a2a6f;
  }

@media (min-width: 576px) {
    #login {
        max-width: 540px;
    }
 }
 @media (min-width: 768px) {
    #login {
     /* max-width: 720px; */
    }
 }
 @media (min-width: 992px) {
    #login {
     /* max-width: 960px; */
    }
 }
 @media (min-width: 1200px) {
    #login {
     /* max-width: 1140px; */
    }
 }
 @media (min-width: 1400px) {
    #login {
     /* max-width: 1320px; */
    }
 }