Mobile Display Issue

I’ve designed my portfolio site and did a lot of customization using Elisium. I’m in the testing phase, and everything is working correctly except my About page. Even though I’ve scaled my screen to check out the narrowest dimension, this page (and only this page) displays differently on my iPhone.

http://www.davebloomquist.com/dbwp/About.html

On the Google Chrome preview, the h1 text is green and appears to the right of the icon (this is correct)

On my iPhone, and iPad, the h1 text is gray and falls below the icon. Also, the box listing services has no margin, even though I attempted to add 25px.

Can someone help me figure out this dilemma?

Thank you.