/* *****************************************************************************
*
*  Hero Block
*
* ***************************************************************************** */

.hero-block {
  background-size: cover;

  &.right { background-position: right; }
  &.center { background-position: center; }
  &.left { background-position: left; }

  &--big {
    @include media-breakpoint-down(md) {
      background-image: none !important;
    }
  }

  &--promo {
    padding-top: 12rem;
  }

  &.gradient:before {

    @include media-breakpoint-down(md) {
      display: none;
    }
  }

  &.hide-hero-sm {
    @include media-breakpoint-down(sm) {
      background-image: none !important;
    }
  }

  &--big.hide-hero-sm > img {
    @include media-breakpoint-down(sm) {
      display: none !important;
    }
  }

}