mobile Centering footer text with css for mobile

Hi y'all!
I'm trying to center the text in my footer on mobile view. Part of the text centered after using css code text-align: center, but not totally. Espacially, text that is left-align on desktop.

This is the code I used:
@media only screen and (max-width:
  640px) {
    footer {text-align: center;}
    }

@abbiericher Would it be possible to share your site URL so I can take a look? Thanks!

The site is not completed yet. You can visit https://scms-test.squarespace.com/ and tap "freelance" as the password.

If you notice anything on the site that could need a bit of advice, I'm all ears. Thank you Sam!

@abbiericher You can add this code snippet within the Custom CSS panel:

@media only screen and (max-width: 640px) {
	footer h4, p {
		text-align: center !important;
	}
}