/* Shared directory-page banner treatment, aligned with the technical guides index. */
.directory-page-hero {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}
.directory-page-hero img {
  display:block;
  width:100%;
  height:auto;
}
#main .directory-banner-heading {
  padding-top:48px;
  padding-bottom:30px;
  text-align:left;
}
#main .directory-banner-heading h1,
#main .directory-banner-heading > p {
  margin-inline:0;
}
@media (max-width:700px) {
  #main .directory-banner-heading {
    padding-top:28px;
    padding-bottom:28px;
  }
}