#hero {
  background-image: url("../../assets/img/night-club-inside2.png");
  width: 100%;
  height: 60vh;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

#hero-bottom {
  margin-bottom: 160px;
  margin-top: 60px;
}

#hero-bottom .h1, h1 {
}

#hero-bottom p {
  color: rgb(255,255,255);
}

#features {
  color: white;
  width: 100%;
}

#features h2 {
  text-align: center;
  font-family: Oswald, sans-serif;
}

#features h3 {
  text-align: center;
  width: 100%;
}

#features span, i {
  width: 100%;
  font-size: 44px;
  margin-bottom: 10px;
  color: rgb(0,152,186);
}

.col {
}

.col-sm-12.col-md-6.col-lg-3.features-content {
  margin: 0px;
  padding: 0px 20px;
  margin-bottom: 40px;
}

#locations {
  background-image: url("../../assets/img/night-city-dark.jpg");
  width: 100%;
  height: 70vh;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  text-align: center;
  padding-top: 40px;
}

@media (min-width: 1024px) {
  #locations {
    background-image: url("../../assets/img/night-city-dark.jpg");
    width: 100%;
    height: 65vh;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    padding-top: 20px;
  }
}

#locations h2 {
  margin-bottom: 50px;
  width: 100%;
  margin-top: 20px;
  font-family: Oswald, sans-serif;
}

.cities {
  margin-top: 0;
}

#features p {
  border-top: 1px solid rgba(46,74,221,0.53);
  padding-top: 15px;
  color: #ffffff;
}

#hero-bottom .call-to-action {
  border-radius: 20px;
  width: 200px;
  font-size: 18px;
}

