Center align all text and buttons on mobile only

Site URL: https://halibut-asparagus-lxxs.squarespace.com/

This seems like it should be simple but the code I tried didn't work so I'm coming here! I would like all text on mobile only to be centered aligned, as well as any buttons.

Here is the code I tried for the text:

@media screen and (max-width: 640px) 
h1, h2, h3, p, { 
   text-align: center !important;
}

Any help would be super appreciated!

Please give is the site-wide password so we can take a look at your issue.

Quote

@creedon pw is karazyness

Found this solution! Still would like all images and buttons to also align...

// all text
@media only screen and (max-width: 480px) {
p, H1, H2, H3 { text-align: center; }}

On a roll - this centered the buttons:

@media(max-width: 1220px) {
.sqs-block-button .sqs-block-button-container--left {
    text-align: center;
  }
}

A piece at a time.

This should take care of centering the mobile menus.

.Mobile-overlay-folder-item,
.Mobile-overlay-nav-item {

  text-align: center;
  
  }