// Features
// -----------------------------------------------
// -----------------------------------------------
#features {
    padding: ($base-point-grid * 10) 0;
    background: $white;

    .main-flex {
        display: flex;
        justify-content: space-between;

        .main-item {
            width: $column-4;
            text-align: center;

            &:not(:last-child) {
                margin-right: $gutter-margin;
            }

            img {
                margin-bottom: $base-point-grid;
            }

            h2 {
                margin-bottom: $base-point-grid;
                font-size: 1.429rem;
            }
        }
    }
}

// Responsive
// -----------------------------------------------
@include bp(medium) {
    #features {
        .main-flex {
            flex-direction: column;
            .main-item {
                width: $column-12;

                &:not(:last-child) {
                    margin-right: 0;
                    margin-bottom: ($base-point-grid * 8);
                }
            }
        }
    }
}
