Custom Header Image

Hello! I recently added a custom header on all pages of my website and the header itself looks good, but it is throwing off the scaling of the actual content of the website. On desktop view, the content (or body of each page) is now pushed to the far left and right of the browser window, and on mobile and tablet view, it cuts off the left and right sides of the content on each page. I used Canva to create the custom image with the exact pixel size the theme recommends. I have tried for many hours now trying to figure out how to fix this and if anyone could help, it would be greatly appreciated.

Thank you!
Dave

The page I need help with: [log in to see the link]