Styling issue as I change breakpoints

When I change to breakpoints below desktop, my containers don’t expand to the width of the screen and are being cut off at a certain point on the side.

There’s also a weird border appearing on the right-hand side of my hero section.

I’m not sure how these got implemented and I am unsure how to remove them as my styling looks the same on desktop as it does in the other breakpoints.

I have included my preview link below.

Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

This turned out to be margin applied to the body element at lower breakpoints.l