@media only screen and (min-width: 769px) {
    .row.flex-row {
        display: flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .row.flex-row:before, .row.flex-row:after {
        display: none;
    }
}

@media (max-width: 768px) {
    .row.flex-row {
        display: block;
    }
}

.row.flex-row > [class * ="col-"] {
    padding: 4rem 6rem;
}

@media (max-width: 1200px) {
    .row.flex-row > [class * ="col-"] {
        padding: 30px;
    }
}

.row.flex-row.bottom-flex > [class * ="col-"] {
    padding: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .row.flex-row.bottom-flex > [class * ="col-"] {
        padding: 0 15px;
    }
}