@media (min-width: 992px) {
  div.jumbotron.hero-travel {
    color: #fff;
    text-align: center;
    background: url('../../assets/img/chipsandsalsa-2.jpg');
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 300px) {
  div.jumbotron.hero-travel {
    color: #fff;
    text-align: center;
    background: url('../../assets/img/chips-and-salsa-xxs.png');
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 576px) {
  div.jumbotron.hero-travel {
    color: #fff;
    text-align: center;
    background: url('../../assets/img/chips-and-salsa-xs.png');
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  div.jumbotron.hero-travel {
    color: #fff;
    text-align: center;
    background: url('../../assets/img/chips-and-salsa.png');
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

h1.hero-title, h2.hero-title, h3.hero-title {
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
  color: #fff;
}

p.hero-subtitle {
  max-width: 600px;
  margin: 25px auto;
  color: #fff;
}