hero image not centered on mobile

Hi there,

Remove this CSS from Additional CSS field in the customizer:

@media (max-width: 768px) {
    .page-hero.home-hero {
        background-position: 60% 0;
    }
}

Let me know if this helps :)

That's it.

Does that mean my header choice isn't sized as intended? I'll play by the rules if I know them.

Not at all.

It's actually the original biking image that comes with the site needed some tweaking to look good on mobile.

Your image is actually perfect :)