.banner-solid {
  background-color: $primary;
}

.xs-jumbotron {
  min-height: 350px;
  position: relative;
}

.xs-jumbotron-title {
  color: $white;
  margin-bottom: 12px;

  @include small-device {
    font-size: rem(24px);
  }
}

.banner-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.xs-solid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba($color: #000000, $alpha: 0.5);
}

.xs-jumbotron-content-wraper {
  z-index: 5;
  position: relative;
}

.main-container {
  padding: 80px 0;
}