/* --------- FORM SECTION ---------- */


.login-form {
  @media all and (min-width: $breakpoint-xsmall) {
    text-align: center;
    width: 25em;
    margin: 20% auto;

    .logo img {
      max-width: 95%;
    }
  }

  @media all and (max-width: $breakpoint-medium) {
    .logo img {
      max-width: 75%;
    }
  }

  @media all and (max-width: $breakpoint-xsmall) {
    text-align: center;
    margin: 5% auto;
    position: absolute;
    width: 95%;
    top: 25%;

    .logo img {
      max-width: 80%;
    }
  }

  .forgotten-password {
    text-align: center;
    margin: 0.2em 0 0 0;
  }

  .forgotten-password-link {
    clear: both;
    color: $coral-pink;
  }

  .forgotten-password-link:hover {
    color: $light-orange;
  }

  .forgotten-password-link .disabled {
    opacity: 40%;
  }
}
