.featuredarticles .bx-layout-slider .featuredarticle__text {
    margin: 0 60px;
    padding: 15px 15px 17px;
    border: 12px solid #fff;
    background: #f1f1f1;
    box-shadow: 2px 10px 36px 5px rgba(0, 0, 0, 0.25);
}

.featuredarticles .wrap__bx-controls {
    margin-top: 44px;
}
.featuredblock__item.hasicon .featuredblock__icon, .featuredblock__item.hasimage .featuredblock__image {
    min-height: 0 !important;
}
/* THE USE OF !important is to override the default theme's css styling, unfortunately there is a lot 
   BELOW is for the forms */
.wrap__group {
    display: flex;
    flex-flow: row wrap !important;
    justify-content: space-around !important;
    align-items: stretch !important;
}

.form__group.form-input-name {
    flex-basis: 32% !important;
    margin: 0px;
}
.form__group.form-input-email {
    flex-basis: 32% !important;
    margin: 0px;
}
.form__group.form-input-phone {
    flex-basis: 32% !important;
    margin: 0px;
}

.form__group.form-input-comments {
    flex-basis: 99% !important;
    margin: 0px;
}

.wrap__form.alt .form__group {
    margin: 0 2px 8px 2px;
    position: relative;
}

@media(max-width: 767px) {
    .form__group.form-input-name {
        flex-basis: 100% !important;
        margin: 0px;
    }
    .form__group.form-input-email {
        flex-basis: 100% !important;
        margin: 0px;
    }
    .form__group.form-input-phone {
        flex-basis: 100% !important;
        margin: 0px;
    }

    .form__group.form-input-comments {
        flex-basis: 100% !important;
        margin: 0px;
    }
}
/* **********END OF FORMS************************ */