title: bottom div not centered
body: <p>For some reason, the bottom section of my layout doesn't seem to be centered when I have set the left and right margin to auto</p>
  
  <p><a href="http://codepen.io/anon/pen/kvtcp" rel="nofollow">http://codepen.io/anon/pen/kvtcp</a> </p>
  
  <p>Please see the example.</p>
  
  <p>I have since changed the code with some example you have provide but I have another issue. The bottom div has pushed up to left and right section div?</p>
  
  <p>I have used margin-top 20px and nothing happens</p>
  
  <p>Regards </p>