.complementary-products-section {
  padding-top: var(--complementary-padding-top-mobile);
  padding-bottom: var(--complementary-padding-bottom-mobile);
}

.complementary-products-section__heading {
  margin: 0 0 3rem;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .complementary-products-section {
    padding-top: var(--complementary-padding-top-desktop);
    padding-bottom: var(--complementary-padding-bottom-desktop);
  }
}