.wrapper {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.flex {
  display: flex;
  gap: 2rem;
}
.wrapper.flex {
  flex-direction: column;
}
.grid {
  display: grid;
  gap: 4rem;
}
main {
  margin-top: 10rem;
}
.section {
  margin-bottom: 5rem;
}
@media (min-width: 1025px) {
  .wrapper.flex {
    flex-direction: row;
  }
}