Re-arrange position in mobile view

Hello everyone,

Can anyone please help me with the code to fix the positioning of the logo, text and footer in mobile format? 

AFTER is the end result we want to achieve

Site: https://www.ptphotography.com/stmoritz-badrutts-palace-hotel-switzerland

Many thanks,
K

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1606218280117_3634+.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
}