.section {
  padding: 8rem 0 7rem;
  text-align: center;

  .section-heading,
  .section-description {
    margin-bottom: 1.2rem;
  }
}
.section {
  padding: 8rem 0 7rem;
  text-align: center;

  .section-heading,
  .section-description {
    margin-bottom: 1.2rem;
  }
}

@media (max-width: 425px) {
  header {
    &.section {
      padding: 3rem 0 7rem;
    }
  }
}
Fix top spacing on header
Fix top spacing on header
