.collection-hero { display: flex; padding: 2.396vw; flex-flow: row wrap; border-bottom: 3px solid var(--black);}
.collection-hero h1 { font-weight: 700; font-size: var(--dl_size_60); font-family: var(--font_content);  }
.collection-hero > div { padding: 0 2.396vw; flex-basis: calc(50% - 2.396vw); font-size: var(--dl_size_17); font-family: var(--font_content);}
.collection-hero > div p { margin-bottom: 0;}

@media only screen and (max-width: 47.5em) {
  .collection-hero > div { flex-basis: 100%;}
}