Justify Index page items left on mobile

Site URL: https://lizard-chartreuse-ftf8.squarespace.com/

Hello, wondering how I might justify the items on the last section of my index page (#footer) to the left on mobile only? This is a social block, newsletter block, and one text block. I want to preserve the current design on desktop.

Site password: solar2020

@media screen and (max-width: 640px) {
  #footer * {
    text-align: left !important;
  }
  .sqs-svg-icon--wrapper.facebook-unauth {
    margin-left: 0 !important;
  }
}

Fantastic! Thanks a lot. Works perfectly.