/* Mobile-first section */
section {
  padding: 48px 20px;
}

/* Tablet — sm/md */
@media (min-width: 640px) {
  section {
    padding: 64px 32px;
    max-width: 720px;
    margin: 0 auto;
  }
}

/* Mobile portrait */
@media (max-width: 480px) {
  section {
    padding: 48px 0;
  }
}

/* Mobile landscape */
@media (max-width: 768px) {
  section {
    padding: 40px 20px;
  }
}

/* Desktop — lg */
@media (min-width: 1024px) {
  section {
    padding: 56px 80px;
    max-width: 1200px;
  }
}