/* Positioning */
.intro {
  margin-top: 0;
}
.center {
  text-align: center;
}
.flex-center {
  display: flex;
  justify-content: center;
}

/* Elements */
.login-container {
  top: -5rem;
  margin: auto;
}

.errorlist,
.form-group {
  width: 300px;
}

.errorlist {
  margin-top: 0.5em;
}

/* Responsive */
@media (max-width: 576px) {
  .login-container {
    top: 0;
    margin-top: 80px;
    padding-bottom: 1.5rem;
  }
  .banner {
    display: none;
  }
}

@media(max-width: 550px) {
  .form-group {
    width: 100%;
    margin: 0.5rem 1rem;
    margin-top: 0;
  }
  ul.errorlist {
    width: 100%;
    margin: 0.5rem 1rem;
  }
}