// ----------------------------------
//   Feature section
// ----------------------------------

.feature-section {
    @extend .section;

    > div + div {
        margin-top: 2em;
    }

    .steps {
        @extend .row;

        .steps-img {
            @extend .center-block;
            width: 270px;
            height: 220px;
        }

        .steps-step1 .steps-img {
            background-image: url(#{$image-path}/step1.png);
        }
        .steps-step2 .steps-img {
            background-image: url(#{$image-path}/step2.png);
        }
        .steps-step3 .steps-img  {
            background-image: url(#{$image-path}/step3.png);
        }

        .steps-step1,
        .steps-step2,
        .steps-step3 {
            @include make-md-column(4);
            @extend .text-center;
        }
    }

    .call-to-action {
        @extend .text-center;
    }
}