Move text blocks on mobile footer

Site URL: https://grey-coyote-a7r6.squarespace.com/

Hi again,

I'm writing because I'd like to move some text boxes on the footer of the mobile version. I'm using version 7.1

As shown on the picture, I'd like to place the social icons just under the horizontal menu, and the text saying "Privacy Policy" should be at the bottom-right in line with the copyright legend.

Any help will be much appreciated.

Thanks a lot.

Add to Design > Custom CSS

/* Mobile Footer */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1651584086272_5868+.row {
    display: flex;
    flex-direction: column-reverse;
}
div#block-yui_3_17_2_1_1651848499846_7419 {
    position: absolute;
    bottom: 10px;
    z-index: 99999;
}}

Thank you very much.

This works perfectly fine!