/* Accordion carroussel about page */

.about-intro {
  /* 12-koloms grid (zie .grid-12 in style.css) */
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap);
  padding: 60px var(--grid-margin) 20px;
}

.about-intro > * { grid-column: 1 / -1; }

.about-intro .page-title { margin-bottom: 30px; }

.about-intro .carousel { margin-bottom: 40px; }

@media screen and (max-width: 768px) {
  .about-intro { padding: 40px var(--grid-margin) 10px; }
}