Target column so that other changes to page don't affect css

Hi there,

I’ve used some css to align my columns centrally and add some margin, my issue though is that if I change something else on the page, the css code that I’ve used breaks and needs to be changed each time. Is there a better way for me to write the css?

/* WHAT WE VALUE STYLING */
#top .no_margin.av_one_fifth {
width: 14% !important;
}

#av_section_5 > div > div > div > div > div.flex_column.av_one_fifth.no_margin.flex_column_div.av-zero-column-padding.first.avia-builder-el-34.el_after_av_textblock.el_before_av_one_fifth.column-top-margin {
margin-left: 9% !important;
}

#av_section_5 > div > div > div > div > div.flex_column.av_one_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-37.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin {
margin-left: 3% !important;
}

#av_section_5 > div > div > div > div > div.flex_column.av_one_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-40.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin {
margin-left: 3% !important;
}

#av_section_5 > div > div > div > div > div.flex_column.av_one_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-43.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin {
margin-left: 3% !important;
}

#av_section_5 > div > div > div > div > div.flex_column.av_one_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-46.el_after_av_one_fifth.el_before_av_one_full.column-top-margin {
margin-left: 3% !important;
}

You’ll see the columns I’ve targeted on the home page, under “What We Value”

Thanks,
Matt