Map on Contact Us not visible on mobile and other UI bugs.

[amandeeep02]

Describe the bug

1. Map on the contact page is not visible completely as the contact us div is coming over it.
2. Also the social media icons on the mobile screen are not looking proper.
3. Know more on the Homepage is not aligned to the center of the page in Mobile View
4. Navbar Button width is fixed so it is not taking complete space when viewed on Tablet screen (768px)

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://time-warp-two.vercel.app/ContactUs'
2. Scroll down to 'Contact Us section'
3. See error

Expected behavior

1. Map should be completely visible.
2. Social media icons should be in proper order
3. Know more button should be center aligned
4. Navbar should take full width

Screenshots
1:

2:

3:

4:

Additional context
Please assign me this issue under gssoc. I could have made this 4 different issues but made all the UI glitches in one so please label accordingly.