@media (min-width:768px) {
    .hero-flex-wrap {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        align-items: center;
    }

    .hero-flex-wrap .hero-flex {
        width: 50%;
    }

}

.hero-flex-wrap .hero-flex.image {
    text-align: center;
}

.buildr-module.features-grid h2.title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.buildr-module.features-grid h6.subtitle {
    margin-top: 15px;
    margin-bottom: 30px;
}

.buildr-module.features-grid {
    margin: 0;
    padding: 0;
    background: none;
    color: #f0f0f0;
    background-size: cover;
    background-position: 50%;
}

.buildr-module.features-grid .pre-title {
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
}

.buildr-module.features-grid a.button {
    margin: 20px 3px 5px 3px;
}

@media (max-width:767px) {
    .buildr-module.features-grid .hero-inner {
        padding: 100px 0 !important;
    }
    .buildr-module.features-grid .hero-inner,
    .buildr-module.features-grid .hero-inner .hero-content {
        text-align: center !important;
    }
    .buildr-module.features-grid a.button {
        margin-top: 15px;
    }
    .buildr-module.features-grid .features {
        margin-top: 50px;
    }
}

.buildr-module.features-grid .features {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    align-items: center;   
}

.buildr-module.features-grid .features > .feature-wrap {
    flex-grow: 1;
    align-self: start;
}

.buildr-module.features-grid .features .feature {
    padding: 15px;
    text-align: center;
}

.buildr-module.features-grid .features .feature-icon {
    font-size: 60px;
}

.buildr-module.features-grid .features .feature-label {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .25em;
    margin-top: 15px;
}

.buildr-module.features-grid .template-stacked div.image {
    margin-top: 30px;
}

.buildr-module.features-grid .features.features-2 > .feature-wrap {
    width: 50%;
    padding: 0 5%;
}

.buildr-module.features-grid .features.features-3 > .feature-wrap {
    width: 33.333333%;
}

.buildr-module.features-grid .features.features-4 {
    display: block;
}

.buildr-module.features-grid .features.features-4 > .features-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.buildr-module.features-grid .features.features-4 > .features-row > .feature-wrap {
    width: 50%;
    padding: 0 5%;
}

@media (max-width: 767px) {
    
    .buildr-module.features-grid .features.features-2,
    .buildr-module.features-grid .features.features-3,
    .buildr-module.features-grid .features.features-4 > .features-row {
        display: block !important;
    }
    .buildr-module.features-grid .features.features-2 .feature-wrap,
    .buildr-module.features-grid .features.features-3 .feature-wrap,
    .buildr-module.features-grid .features.features-4 > .features-row > .feature-wrap {
        width: 100%;
    }
    
}

.buildr-module.features-grid .hero-inner.template-row .features.features-2 > .feature-wrap,
.buildr-module.features-grid .hero-inner.template-row .features.features-4 > .features-row > .feature-wrap {
    padding: 0;
}

.buildr-module.features-grid .hero-inner.template-row .feature-wrap .feature {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: start;
}

.buildr-module.features-grid .hero-inner.template-row .feature .content-column {
    padding: 0 15px 0 30px;
    text-align: left;
}

.buildr-module.features-grid .hero-inner.template-row .feature .content-column .feature-label {
    margin-top: 0;
}

.buildr-module.features-grid .hero-inner.template-row .features.features-4 > .features-row {
    align-items: start;
}

.buildr-module.features-grid .hero-inner.template-row .feature .icon-column {
    min-width: 20%;
    text-align: center;
}

.buildr-module.features-grid .features {
    margin-top: 15px;
}