.main-content {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
  padding: 70px 24px;
}

.bg-hero-container {
  background: #efeeed;
}

.hero-container {
  padding: 70px 24px 0 24px;
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
}

.space-elements {
  display: grid;
  gap: 24px;
}

.general-container {
  margin: 0 auto;
  max-width: 750px;
  padding: 80px 24px;
}

@media (min-width: 1024px) {
  .main-content {
    padding: 120px 0;
    max-width: 1024px;
  }
  .hero-container {
    padding: 120px 0 0 0;
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .general-container {
    padding: 120px 0;
    max-width: 1290px;
  }
}