Mobile-Friendly Bootstrap Landing Tweaks

I have a single-screen Bootstrap landing page that needs a quick round of polishing for smartphone users.

First, the hero video must shift so its right edge lines up perfectly with the right edge of the word “Safety” that appears just above it. Right beneath that, the supporting line needs the same right-edge alignment with the newly positioned video.

Once those visual fixes are in place, I want the entire page to respond smoothly on smartphones. My priorities are a fluid, responsive layout and snappy load times, so please keep CSS lean, compress any oversized assets, and double-check that breakpoints behave correctly down to 320 px. Tablet support is a bonus, but phone screens are the focus.

The page is already built on Bootstrap, so stay within that framework—no full rewrites—just clean, modular updates to the existing markup and stylesheets. When you’re done, I’ll test the page in Chrome and Safari on iOS and Android; everything should align as described, scroll without sideways shifts, and load fast over a typical 4G connection.