#login--page {
  & .form {
    @extend .form;

    width: 20%;

    @media (max-width: $wqhd-breakpoint) {
      width: 30%;
    }

    @media (max-width: $hd-breakpoint) {
      width: 40%;
    }

    @media (max-width: $tablet-breakpoint) {
      width: 50%;
    }

    @media (max-width: $mobile-breakpoint) {
      width: 100%;
    }

    h4 {
      margin: 0;
      padding: 20px 24px 5px 24px;
    }

    &__section {
      &--last {
        flex-direction: row-reverse;
        justify-content: space-between;
      }
    }

    &__fieldset {
      @extend .form__fieldset;
    }
  }
}
