@mixin white-cutout {
  &::after {
    border-top: 145px solid $white;
    border-left: 60px solid transparent;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    z-index: 1;
  }
}

@mixin min-page-height {
  @media (min-width: $bp-medium) {
    min-height: 30rem;
  }

  @media (min-width: $bp-xxxl) {
    min-height: 30vw;
  }
}