Moving content on one page a bit to the right

Hello, I am trying to move the textual content a bit to the right on one page, since i'm using a background image on that particular page in the content class. I tried using: if(is_page(8)){ ?> <style> @media only screen and (min-width: 700px) { .white { margin-left:250px; } } </style> <? } ?> but this works on all browsers except Safari. Is there a better solution? The site is on an internal server, so viewing the site from outside is nog possible, but nothing else at css has changed and it's created as a normal page. Thanks for the suggestions