@import '../helpers/helpers';

.forgotten-password {
  @include media-breakpoint-down(sm) {
    padding-left: 0;
    padding-right: 0;
  }

  h1 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .page-header {
    margin-bottom: 40px;

    @include media-breakpoint-down(sm) {
      margin-bottom: 30px;
    }
  }

  &__form-wrapper {
    @include make-container;
    @include make-container-max-widths;
    background-color: $gray-bg;
  }

  &__form {
    @include make-row;
    justify-content: center;
  }

  &__form-content {
    @include make-col-ready;

    @include media-breakpoint-only(md) {
      @include make-col(10);
    }

    @include media-breakpoint-up(lg) {
      @include make-col(6);
    }
  }
}
