.camp-hero {
  min-height: 700px;
  background-image: linear-gradient(90deg, rgba(8, 30, 37, .93) 0%, rgba(8, 30, 37, .69) 47%, rgba(8, 30, 37, .22)), url('assets/hero-community.png');
}

.camp-hero .hero-content { max-width: 700px; }
.camp-hero .hero-date {
  margin: 24px 0 0;
  color: #dceccf;
  font: 500 13px 'DM Mono', monospace;
  letter-spacing: .04em;
}

/* Later, replace the second background image above with camp photos or add a slideshow here. */

@media (max-width: 760px) {
  .camp-hero { min-height: 650px; }
  .camp-hero .hero-date { font-size: 12px; line-height: 1.55; }
}