/* ==========================================================================
   Section extends and mixins
   ========================================================================== */

/* ==========================================================================
   Section
   ========================================================================== */

.section {
    &__inner {
        @include xy-grid;
        @include flex-align($x: center, $y: middle);
    }

    &__content {
        @include xy-cell;
        text-align: center;

        @include breakpoint(large) {
            @include xy-cell(2 of 3);
        }
    }
}