/* bring-back-35th.css */

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;

  /* 0.7 opacity dark overlay + BB35Background.jpg */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
              url('BB35Background.jpg') no-repeat center center;
  background-size: contain
}

.hero-content h2,
.hero-content p,
.hero-content .btn {
  color: #fff;
}