Footer on mobile

Site URL: https://aqua-carillon-4dzj.squarespace.com/

Hi, my footer looks great on desktop, terrible on mobile. Can anyone help me with a code that would prevent the text and logo from stacking? 

I already entered a code that makes the text align to the left but now I want the logo to be next to it on the right side. Also the text should probably be smaller.  I used this 

@media screen and (max-width:640px) {
div#page-section-6282f90ff8e75966ad5d0b5f .span-12 {
    width: 55% !important;
    float: left !important;
}
}

Site url: https://aqua-carillon-4dzj.squarespace.com/

Password: Metro123

Your site is private

Can you setup password & share url again?