Centering content of pages on mobile

Hi there,

I'm using indexes and would love to center all text and buttons in my banner pages.

@media only screen and (max-width: 640px) {
 #membership-hero {
 text-align: center !important;
 }
}

This works but I'd love to (a) be able to center buttons too and (b) do the same for a list of #pages

Thanks