title: Fixing "Position: Absolute" for mobile
body: <p>So I made an entire website using percentage and VW font sizes to make the website not change on like zooming in and making the window bigger/smaller. There was a few parts where I have to overlay images on top of each other and I achieved this by using "Position: Absolute" those parts are my nav bar, and my 2 "Subscribe to our mailing list" input boxes.</p>
  
  <p>The site works absolutely perfect, except when you get to right around the width of a mobile device (I don't know, maybe like 300 pixels?) then all the positioning goes wonky.</p>
  
  <p>This is my CSS for the nav bar: <a href="http://pastebin.com/raw/QpjPiN4Z" rel="nofollow">http://pastebin.com/raw/QpjPiN4Z</a></p>
  
  <p>I was wondering if there was some sort of way I could change the positioning somehow where it doesn't affect the rest of the website? Or maybe use media queries somehow to aid in fixing it? I have no idea what to do. Everytime I change the "Position:" type, it breaks, badly.</p>