Hi, I recently put this custom CSS from a different ticket and it's now giving fits to a different section on the homepage. (I'm assuming it is this custom CSS as it was totally fine to edit before) 

No matter what I do to edit the section the buttons are either crazy spaced out or overlapping and the mobile is always left aligned - no matter what option I'm selecting in the row or column. 

Please see screenshot for button overlap example. 

Here's the code:

.vc_row.vc_row-o-equal-height>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
    min-height: 100% !important;
    display: flex;
    flex-direction: column;
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column.wpb_column .nectar-cta {
    margin-top: auto !important;
}

Any help appreciated. Cheers!

I have confirmed this has affected other sections around the site as well. Essentially pushing some content right to the top edge where it used to be centrally aligned.

Please advise. 

Code causing the issue: 

.vc_row.vc_row-o-equal-height>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
    min-height: 100% !important;
    display: flex;
    flex-direction: column;
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column.wpb_column .nectar-cta {
    margin-top: auto !important;
}

Ideally I'm able to keep that bottom aligned code while still having all the other sections not be affected.