Mobile display is out of whack. Not sure what to do.

On the mobile display for https://www.re-verberate.com/ notice the first section in orange, “why we’re different”, is misaligned. Originally I’d centered the type, but it displayed flush right on a phone. So, I moved it to lush left, and you can see that it isn’t as it should be…the margin on the left is still too big. Then, below that, there are two headers that should be in front of their specified information that are running together and are non-sensical.

I used the advanced layout editor for this in my template, and I have used the same template on other sites and haven’t had this issue. I am hoping that someone has a solution and I would love to hear from you.
Please take a look on your phone and you will see what I am saying and I look forward to your response.
Thanks,
Jenny