Grid is not Responsive/Text overflow

I am having a hard time getting this grid to be responsive now that I have had child elements spanning multiple columns. Is there any way to make this responsive? Specifically, I had done this before where under 1100 px, it went to 1 (now 2) columns per row. The issue with this solution was that the last item was not centered. Is there any tips or tricks to get this to work? Thanks in advance!

Here is my site Read-Only:(Webflow - Compass Church Site)