.hero > img {
  filter: brightness(1.12) saturate(1.05);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(4, 31, 52, .76) 0%, rgba(5, 39, 65, .54) 39%, rgba(6, 39, 62, .05) 72%),
    linear-gradient(0deg, rgba(3, 22, 36, .22), transparent 45%);
}

.hero h1 {
  color: #fff;
  text-shadow: 0 3px 18px rgba(0, 20, 34, .72);
}

.hero .lead {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 20, 34, .72);
}

@media (max-width: 560px) {
  .hero-shade {
    background: linear-gradient(90deg, rgba(4, 31, 52, .76), rgba(4, 31, 52, .28));
  }
}