@media (min-width: 768px) {
  .page-login .site-header .navbar {
    min-height: 62px;
  }

  .page-login .official-brand {
    max-width: 145px;
  }

  .page-login .official-brand img {
    width: 145px;
    height: 57px;
  }

  .page-login .navbar-nav .nav-link {
    padding-top: .45rem;
    padding-bottom: .45rem;
  }

  .page-login .navbar-nav .btn {
    min-height: 40px;
    padding: .45rem .8rem;
  }

  .page-login .auth-section {
    min-height: calc(100vh - 62px);
    padding: .5rem 0;
  }

  .page-login .auth-card-login {
    width: min(780px, calc(100vw - 2rem));
    min-height: 390px;
    border-radius: 18px;
  }

  .page-login .auth-intro-artwork,
  .page-login .auth-intro-artwork img {
    height: 390px;
    min-height: 390px;
  }

  .page-login .auth-card-login .auth-form {
    padding: 1rem 1.5rem;
  }

  .page-login .auth-form h2 {
    margin-bottom: .1rem;
    font-size: 1.6rem;
  }

  .page-login .auth-form > p {
    margin-bottom: .55rem;
    font-size: .82rem;
  }

  .page-login .auth-form .mb-3 {
    margin-bottom: .45rem !important;
  }

  .page-login .auth-form .form-label {
    margin-bottom: .2rem;
    font-size: .8rem;
  }

  .page-login .auth-form .form-control,
  .page-login .auth-form .form-control-lg {
    min-height: 38px;
    padding: .38rem .65rem;
    font-size: .88rem;
  }

  .page-login .auth-form .btn-lg {
    min-height: 40px;
    padding: .42rem .8rem;
    font-size: .92rem;
  }

  .page-login .auth-form .mt-4 {
    margin-top: .55rem !important;
    font-size: .82rem;
  }
}