/* The live partner directory stands right after the first heading.

The operator's order: the heading of the home page comes first, and the
live directory of the partner follows it at once - on the phone and on the
desktop alike. After the directory come the lead, the buttons and the
figures, then the rail of reviewed profiles, then the "Top of the board"
panel and the quick answer.

The hero grid is dissolved so that the parts can stand in this order, and
the spacing and the width are re-created for the pieces that remain. The
order of the blocks is the order in the file, so it is the same on every
screen and needs no tricks.
*/
.bf-hero { display: flex; flex-direction: column; }
.bf-hero__inner,
.bf-hero__copy { display: contents; }

.bf-hero__lead,
.bf-hero__rest {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 20px;
}
.bf-hero__lead { padding-top: 52px; padding-bottom: 14px; }
.bf-hero__rest { padding-top: 6px; padding-bottom: 56px; }
.bf-hero__lead > *,
.bf-hero__rest > * { max-width: 900px; }

.bf-hero .bf-live { width: 100%; }

@media (max-width: 980px) {
  .bf-hero__lead { padding-top: 36px; padding-bottom: 12px; }
  .bf-hero__rest { padding-top: 4px; padding-bottom: 34px; }
}