This is the page I am testing:
I have CSS media queries setup for anything under 700px wide. My problem happens at narrower than that, though. See attached screenshot, the image is not centered properly (the divider line between the two halves of the image should be in the middle).
Here is the HTML:
<img src="img/ph_home1.jpg" alt="We Provide Direction: We chart a financial course that reflects your family, career, 401(K) plans, charitable aspirations and much more." />
[two more images]
Here is the CSS for under 700px wide:
Have I reached a limit in my browser? Or is there some way to fix this in my code?