Overly Specific CSS

The generated CSS in Enfold is unnecessarily specific. which makes it difficult to override styles. For example I have 1 instance of a Partner/Logo element where I need to set a specific bottom margin at specific breakpoint. However this is how the Enfold sets the bottom margin
.responsive #top #wrap_all .flex_column{}
but then one element is set with
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{}

Eliminating .responsive #top #wrap_all from both selectors would make it much easier to specifically override.

See: https://10up.github.io/Engineering-Best-Practices/css/#css-specificity