On a deadline! 2 issues: Cannot delete white space around map on mobile & site is too wide!

Site URL: https://ferret-bird-3rl2.squarespace.com

I have to complete this one-page site by Friday. (I'm a first timer, and client getting impatient.)

1. I am able to delete the white space around the map on the desktop, but it is still showing on mobile. Tried to transfer the same coding with the media query, but can't seem to make it work. (see photo)

2. All of the sudden the site is too wide on both desktop and mobile. There's a horizontal scroll! Absolutely lost on this one. (see photo)

And my hands are tied by client creatively ("plain, boring, no color pop..."), so if you have any design tips, I'll take 'em.

Thanks for any and all help!
 

site:  https://ferret-bird-3rl2.squarespace.com
pw:  blahblahblah

#1. #2. Use this CSS (don't remove any code in your current code)

/* Footer map block */
div#block-da6ff92c5ffb1f78d051 {
    padding: 0px !important;
}
html, body {overflow-x:hidden;}

6 hours ago, tuanphan said:

#1. #2. Use this CSS (don't remove any code in your current code)

/* Footer map block */
div#block-da6ff92c5ffb1f78d051 {
    padding: 0px !important;
}
html, body {overflow-x:hidden;}

 

You are the absolute bomb. 💗