/* White gutters reproduce the slim panel divisions in the supplied mockup. */
:root { --section-gutter: 4px; }

.projects {
  border-top: var(--section-gutter) solid #fff;
  border-bottom: var(--section-gutter) solid #fff;
}

.project + .project,
.path + .path {
  border-left: var(--section-gutter) solid #fff;
}

.reasons {
  border-bottom: var(--section-gutter) solid #fff;
}

.pathways {
  border-top: var(--section-gutter) solid #fff;
  border-bottom: var(--section-gutter) solid #fff;
}

@media (max-width: 760px) {
  .project + .project,
  .path + .path {
    border-left: 0;
    border-top: var(--section-gutter) solid #fff;
  }
}