.section {
  background: var(--Primary-Light-Surface-Normal);
  padding: var(--Spacing-x7) var(--Spacing-x2);
}

.maxWidth {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: var(--max-width-content);
}

@media screen and (min-width: 767px) {
  .section {
    padding: var(--Spacing-x9) var(--Spacing-x5);
  }
}

@media screen and (min-width: 1367px) {
  .section {
    padding: var(--Spacing-x9) 0;
  }
  .maxWidth {
    flex-direction: row;
  }
}