.travel-package-travelto {
  position: relative;
  //padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  margin-top: 30px;
  @media (min-width: $screen-sm-min) {
    margin-top: 5px;
  }
  @media (min-width: $screen-md-min) {
    margin-top: 60px;
  }
  background-color: $brand-white;
  @media (min-width: $screen-md-min) {
    background-color: transparent;
  }
  @media (min-width: $screen-sm-min) {
    //padding-top: 47px;
    padding-bottom: 47px;
  }
  @media (min-width: $screen-md-min) {
    //padding-top: 40px;
    padding-bottom: 50px;
  }
  @media (min-width: $screen-md-min) {
    &:after {
      content: "";
      background-size:cover;
      opacity: 0.1;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: -1;
      filter: grayscale(1);
    }
  }
  h3 {
    margin-bottom: 15px;
    @media (min-width: $screen-sm-min) {
      margin-bottom: 30px;
    }
  }
  .claim {
    font-style: italic;
    font-size: $font-size-large;
    text-align: center;
    margin-bottom: 15px;
    @media (min-width: $screen-sm-min) {
      font-size: $font-size-h4;
      text-align: left;
      margin-bottom: 30px;
    }
  }
  .text-container {
    @media (min-width: $screen-sm-min) {
      column-count: 2;
      column-gap: 29px;
    }
  }
}



/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {

}