@charset "utf-8";

.Section { margin: 0px auto; max-width: 90rem; }

.Section__wrapper { column-gap: 1rem; display: grid; grid-template-columns: repeat(6, minmax(12.5%, 1fr)); margin-left: 1rem; margin-right: 1rem; }

@media (min-width: 768px) {
  .Section__wrapper { margin-left: 1.5rem; margin-right: 1.5rem; }
}

@media (min-width: 1024px) {
  .Section__wrapper { grid-template-columns: repeat(12, minmax(6.4%, 1fr)); margin-left: 2.5rem; margin-right: 2.5rem; }
}

.Section__contentSection { grid-column: span 6; }

@media (min-width: 768px) {
  .Section__contentSection { grid-column: 2 / 6; }
}

@media (min-width: 1024px) {
  .Section__contentSection { grid-column: 4 / 10; }
}

.Section__markDown--centerAlign { text-align: center; }

.Section__markDown--rightAlign { text-align: right; }

.Section__markDown--leftAlign { text-align: left; }