Responsive Fix & Content Scaling

My static HTML site looks great on desktop but stumbles on phones, and I need it polished for an upcoming user-testing round. The focus is threefold:

• Mobile responsiveness – The navigation menu, all image / gallery components, and every form or input field must render and behave flawlessly on common mobile breakpoints.

• Code & visual declutter – Strip out unused scripts and styles, remove any duplicate content, and trim excessive page elements so the pages load fast and remain easy to maintain.

• Scalable content sections – Re-work the current markup so I can drop in new blog/news items and additional media-gallery entries via simple placeholders, without introducing a full CMS.

Everything is plain HTML, CSS and a little vanilla JavaScript right now; no frameworks are locked in, so you may refactor with lightweight, standards-based solutions (e.g., flexbox, CSS grid, unobtrusive JS) provided the final code stays straightforward for me to edit later.

Target outcome: a clean, responsive build I can push live immediately for testers, with clear instructions or comments showing where future content can be added.