section.two-columns section {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

section.two-columns section h2 {
  color: var(--petrol);
}

@media screen and (min-width: 40rem) {
  section.two-columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;

    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;

    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
  }
}

@media screen and (min-width: 60rem) {
  section.two-columns {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
}