Milestone row issue

hello! i’m using a row with 4 milestone modules on this page: http://new.bethfuller.com/about2/.

when looking at it on the mobile (phone) breakpoint, there are no margins/spacing between the vertically stacked columns so they look all scrunched together. see screenshot. how to fix on the mobile breakpoint, while keeping the larger breakpoints unchanged?

also, there is white space between the bottom of the milestone row and the footer. how to remove this white space?

thanks!