message: adjust the spacing around the main element.
diff: /* --- Layout Helpers --- */
  /* -------------------------------------- */
  -main {
  - max-width: 90rem;
  - width: 98vw;
  - margin: auto;
  - /* @media (max-width: 73rem) {
  - max-width: 98vw;
  - } */
  -}
  -main > header:first-child,
  -.header,
  -.brief {
  - text-align: center;
  - margin: var(--xx-large) auto 5em;
  - width: 100%;
  -}
  -main > header:first-child {
  - max-width: 900px;
  -}
  -.brief h2 {
  - margin-bottom: 2rem;
  -}
  -
  -main > header {
  - margin-bottom: 8rem;
  -}
  -
  +main,
  .row {
  width: 90%;
  margin: 0 auto;
  @@ -51,6 +26,24 @@ main > header {
  }
  }
  +main > header:first-child,
  +.header,
  +.brief {
  + text-align: center;
  + margin: var(--xx-large) auto 5em;
  + width: 100%;
  +}
  +main > header:first-child {
  + max-width: 900px;
  +}
  +.brief h2 {
  + margin-bottom: 2rem;
  +}
  +
  +main > header {
  + margin-bottom: 8rem;
  +}
  +
  /* CARDS */
  .halfimages {
  /* cards have the margin */
  