title: Buttons move around when resizing window
body: <p>Everything on my page centers horizontally, including my buttons. However - when I resize my window, the buttons move vertically and off the page. Here is my jsfiddle: <a href="http://jsfiddle.net/rjord00r/utjhyckt/" rel="nofollow">http://jsfiddle.net/rjord00r/utjhyckt/</a></p>
  
  <pre><code>.buttons {
    text-align: center;
    margin-top: 380px;
  }
  
  
  .buttons button {
    padding: 8px;
    border: none;
    background-color: lightgrey;
    font-weight: 500;
    font-size: 13px;
    position: relative;
    text-align: center;
  }
  </code></pre>
  
  <p>Thanks for your help!</p>