.homeHeader {
  height: 320px;
  display: flex;
  position: relative;
  margin-bottom: 15px;
  &__title {
    align-self: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    z-index: 2;
  }
  &__link {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  &__claim {
    margin-top: 120px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    font-size: 24px;
    position: relative;
    span {
      position: relative;
      color: #FFFFFF;
      font-weight: $roboto-bold;
    }
    @media (min-width: $screen-lg-min) {
      margin-bottom: 0;
      font-size: 36px;
    }
  }
  &--big {
    display: inherit;
    height: 440px;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  &--filter:before {
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(95, 86, 80, 0));
  }
}
.homeBgContainer {
  &:before {
    content: " ";
    display: table;
  }
  .homeHeader {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    display: block;
  }
  & + .container-limited {
    @media (min-width: $grid-float-breakpoint) {
      min-height: 320px;
    }
    > .box-title-searcher {
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      @media (min-width: $grid-float-breakpoint) {
        margin-top: 100px;
        position: relative;
        z-index: 2;
      }
    }
    > .searcher-box {
      @media (min-width: $grid-float-breakpoint) {
        position: relative;
        z-index: 2;
        margin-top: 300px;
      }
    }
  }
}
.homeHeaderContainer {
  & + .searcher-box {
    position: relative;
    z-index: 2;
    min-height: 210px;
    margin-top: 230px;
  }
  &:before {
    content: " ";
    display: table;
  }
}