.hero .hero-shade {
  background: linear-gradient(90deg, rgba(7,13,24,.70) 0%, rgba(7,13,24,.54) 35%, rgba(7,13,24,.12) 65%, transparent 100%), linear-gradient(0deg, rgba(7,13,24,.28), transparent 45%);
}
.hero h1, .hero-intro, .hero-next, .hero-caption { text-shadow: 0 2px 12px rgba(7,13,24,.25); }
@media (max-width: 700px) {
  .hero .hero-shade { background: linear-gradient(90deg, rgba(7,13,24,.66), rgba(7,13,24,.30)), linear-gradient(0deg, rgba(7,13,24,.46), transparent 70%); }
}