.section--index .section__content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: var(--gutter);
}

.section--index .section__content {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width-3);
}

.section--index .section__content {
    padding-left: var(--gutter-outer);
    padding-right: var(--gutter-outer);
}

@media (min-width: 768px) {
    .section--index .section__content {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--gutter-outer);
    }
}



/*--------------------------------------------------------------
  # SECTION FEATURES
--------------------------------------------------------------*/
.section--features .section__title {
    margin-bottom: calc(var(--vertical-rhythm) * 1.5);
}

.section--features .section__content {
    display: grid;
    column-gap: var(--gutter-outer);
    row-gap: calc(var(--vertical-rhythm) * 2);
    /* grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 1fr)); */
}

@media (min-width: 768px) {
    .section--features .section__content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1280px) {
    .section--features .section__content {
        grid-template-columns: repeat(3, 1fr);
    }
}