.hero {
  background: #000;
  padding: 1rem 0;
  min-height: auto;
}

/* Tweak theme header when a featured image is present */
header.cover {
  /* make header a bit shorter */
  min-height: 260px;
  height: 260px;
  overflow: hidden;
}

/* Ensure the background image fits and centers inside the header */
header.cover {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Remove big type overflow and center content vertically */
header.cover .tc-l { display:flex; align-items:center; justify-content:center; height:100%; }

/* If you want the title to be hidden from CSS as a fallback */
header.cover h1 { display: none !important; }