title: How to make header images 50% at full screen and then stack at a certain point and begin to span full width?
body: <p>I have 2 header images that are sharing 49% of my full width header, they are side by side. I am using a responsive skeleton theme that I have customized further. I would like the 2 header images to share half of the browser width up until a certain breaking point. The rest of my page content stacks at around 770 px. I would like the 2 header images to stack at that point and but begin to span 100% of the width. </p>
  
  <p>Here is my site <code>http://www.stonesgamblinghall.com/dev</code></p>