CSS Cleanup & Layout Fixes

I need a quick yet thorough tidy-up of the CSS on a small site. The current styling is off across the entire page: the header and footer don’t carry the intended colours, the navigation bar slips out of place on some viewports, and several content sections lose their alignment.

Here’s what I’m looking for you to handle:

• Resolve all styling/CSS issues across header, footer, navigation bar and interior content areas.
• In the header/footer specifically, correct colour values, update fonts to match the design guide, and tighten spacing so elements sit flush and balanced.
• Make sure the navigation bar stays centred and aligned on desktop, tablet and mobile.
• Re-align content sections so text, images and buttons remain consistent from 320 px up to large desktop widths.

Clean, well-commented CSS (plain CSS or SCSS is fine) and any accompanying HTML tweaks are the only deliverables. Once done, I’ll verify that the layout renders identically in the latest Chrome, Firefox and Safari. If everything lines up, the job is complete.