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

.feature-section {
    &:extend(.section);

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

    .steps {
        &:extend(.row all);

        .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 {
            .make-md-column(4);
            .text-center();
        }
    }

    .call-to-action {
        &:extend(.text-center);
    }
}