#login-page, #register-page {
  height: 80vh;
  max-height: 800px;
}

#login-page img, #register-page img {
  object-fit: cover;
}

#login-submit {
  border-width: 1px;
}
.register-page-container,
.login-page-container {
  max-width: 1440px;
  margin: 0 auto;
}

.register-img,
.login-img {
  max-height: 907px;
  width: 50%;
  max-width: 50%;
}

.register-content,
.login-content {
  width: 50%;
  max-width: 50%;
}

.login-content #login-form {
  width: 100%;
  max-width: 470px;
  margin: auto;
}

#login-form input {
  outline: none;
  border: 1px solid #bbb;
  height: 58px;
  min-height: 58px;
}

#login-form input#login-password {
  padding-right: 44px !important;
}

#login-form input.error {
  border-color: #ed2628;
}

#login-form input.error::placeholder {
  color: #ed2628;
}

#login-form input:focus,
#login-form input:focus-within,
#login-form input:active {
  border-color: rgb(var(--base-borders));
}

#login-form .btn-back-home:hover {
  border-color: #015c2e !important;
}

#site a.btn {
  border-width:1px;
}

@media (max-width: 767px) {
  #login-page, #register-page {
    height: unset;
    max-height: unset;
  }

  .register-img,
  .login-img {
    max-height: 480px;
    width: 100%;
    max-width: 100%;
  }

  .register-content,
  .login-content {
    width: 100%;
    padding: 48px 24px;
    max-width: 100%;
  }

  .btn-login {
    width: 100%;
  }

  #login-form .btn-back-home {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {

  .register-img,
  .login-img {
    max-height: 660px;
  }
}