padding on mobile

My website looks great on a desktop, but something happens on a mobile device to indent the content on the left hand side. I’ve attached screenshots. Notice on the mobile size how “Tougher Construction is the best.” is off center. And the blog carousel below it (you can just see the top corner of the image) is also off center. Like there is 15px of extra padding on the left. This happens on other pages as well, not just the home page.

I also need css code to make the logo text in the header reduce in size on mobile (notice how it gets pushed down into the content). Thank you.