.slider-wrapper {
  padding: .5em 0;
  @include sectionize;

  p {
    font-size: 1.6em;
    font-weight: $font-bold;
    text-align: left;
    color:$color-font-primary;
    padding:0 15px;
  }

  .slider {
    position: relative;
    height: auto;

    .slider-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
    }

    .hideOnLoad {
      display: none;
    }

    .first {
      z-index: 100;
    }

  }

  .slider-inner {
    display: block;
  }

  @include respond-to('medium') {
    padding: 1.5em;

    p {
      font-size: 1.6em;
      padding:0;
    }
  }
}