Vertical Spacing for Two Column Bulleted Lists on Mobile

Hello!

I have a website with a lot of this style of set up of a two column bulleted list. On mobile there is that weird spacing between blocks that we'd like to fix. I have tried this code:

/* Mobile About Text Spacing */
@media screen and (max-width:767px) {
div#block-e77e43979a4769ff4c07 {
    padding-top: 0px !important;
}
div#block-69d74ed3c75cdf4428ac {
    padding-bottom: 0px !important;
}
}

But it didn't eliminate that gap. I wonder if it just needs adjustment or if another fix is available. This would be something that is on 40+ pages of the site so I also wonder if it is a good practice to have that much coding for each block?

Thanks for your help!

PW to the site is: CascadeH22

Hi,

What is your site url?