title: HTML CSS fullscreen background with an image
body: <p>I'm working on a website which uses a fullscreen background image. And in order
  to make it work on all screen types I'm using jquery backstretch plugin.</p>
  
  <p>The problem I have is the background image has some text on it and if the screen size gets smaller, the image on the background and the image on top overlays each other.</p>
  
  <p>It's rather difficult to explain so here is the actual page;</p>
  
  <p><a href="http://alicantest.info/EN/contact" rel="nofollow">preview page</a></p>
  
  <p>if the width of the page goes down below 1700 pixels you'll see the problem.</p>
  
  <p>Is there any way to solve this problem without separating the text from the background?</p>