Footer reordering

Site URL: https://thepreventproject.squarespace.com/

Hi there, I'm needing to reorder the logo and text within the footer of my site on mobile only. I also need to reduce the padding top and bottom. 

Is there some code that can help me with this?

Site - thepreventproject.squarespace.com
Password - kw

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
.fe-block-yui_3_17_2_1_1655686311487_1608161 {
    grid-row-start: 2 !important;
}
.fe-block-db021c95d96d873aaa02 {
    grid-row-end: 14 !important;
}
}

Thank you! This is perfect 🙂