/* Sub-Brand Hero icon. Above 1280px it was sized by the uploaded SVG's own
   width/height, so an SVG with different dimensions came out far too large.
   Size it here so any SVG works. (At 1280px and below main.css already sets 80px.) */
@media screen and (min-width: 1281px) {
  .sub-brand_hero__top--text .icon svg {
    width: 8.625rem;
    height: auto;
  }
}

/* The icons have rounded, transparent corners, so the shadow follows the
   artwork (drop-shadow) instead of the square SVG box (box-shadow). */
.sub-brand_hero__top--text .icon svg,
.sub-brand_hero__bg .icon svg {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}