html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-xl,
.section-xs,
.section-s,
.section-m,
.section-l,
.section-xl,
.section-xxl {
  margin: auto;
  padding: 30px;
}

.section-xs {
  max-width: 800px;
}

.section-s {
  max-width: 1000px;
}

.section-m {
  max-width: 1200px;
}

.section-l {
  max-width: 1400px;
}

.section-xl {
  max-width: 1600px;
}

.section-xxl {
  max-width: 1800px;
}

.doble {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  justify-content: center;
  justify-items: center;
  margin: auto;
}

.g3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 10px;
}

.g4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.g5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
}/*# sourceMappingURL=grid.css.map */