main#auth {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 100vh;
  background-color: rgb(var(--primary-color-rgb));
  background: url("../img/bg.a78d0ff51266.png"), linear-gradient(45deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--tertiary-color-rgb), 0.8) 50%, white 100%);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

#logo {
  max-height: 3.75rem;
}

h1, .h1 {
  font-size: 1.75rem !important;
}

.form-control {
  padding: 1rem 1.125rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  border-radius: 0.625rem;
}

.btn {
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}

@media (max-width: 991px) {
  body {
    padding-top: 0;
  }
  main#auth {
    background: url("../img/bg_mobile.106885591a49.png"), linear-gradient(45deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--tertiary-color-rgb), 0.8) 50%, white 100%);
    background-position: center;
  }
  #logo {
    max-height: 3.125rem;
  }
  .form-control {
    padding: 0.75rem 0.875rem;
  }
  .btn {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}