Fix a small website's current issues.

The site has already been built out. It's a wordpress site currently in staging ([login to view URL]). The website is four pages (ignore the other links in screenshot): Home, Meet Kaleb, Videos, & Photos. It has various sizing and positioning issues on responsive. *** Try to keep to the styles in the screenshots as much as possible please*** Issues: All - Navigation menu is not built out. Needed: Just a simple bootstrap Hamburger menu with the page links and the social icons spanned across the bottom of the nav. All - Fix Footer form styling and spacing to match screenshot.. Provide client-side validation? Server-side if that's easier. All - White space under the footer on certain sizes. All - Background images get blown up on mobile...blurry. Home Page - Main logo in middle of the page resizes all over the place on responsive. Text is cut off on mobile from the bottom. Meet Kaleb - Style the photos like the screenshot. Keep the desktop background for mobile as well - right now it goes to transparent texture on mobile. Photos - Don't worry about pictures not loading.. I have to get API key from client. Get rid of texture background and use the one from screenshot (it should be in media library already in wordpress). Videos - Can you style the video thumbnail overlay to that of the screenshot? Same background as screenshot too (media library).