title: Responsive Images in a Responsive Container?
body: <p>How do I get this Responsive Image, or what is supposed to be, to fit into the parent it is nested in?</p>
  
  <p>I have applied the proper CSS, I have not defined any width or height in the HTML. Here is my CSS.</p>
  
  <pre><code>.header {
      height: 25%;
      width: 95%;
      padding: 2.5%;
      background: #fff;
  }
  .header img {
      max-width: 100%;
      height: auto;
  }
  </code></pre>
  
  <p>You can view the issue here:
  <a href="http://www.client.noxinnovations.com/jensenblair/" rel="nofollow">http://www.client.noxinnovations.com/jensenblair/</a></p>
  
  <p>The big circle image? That's supposed to be Responsive.</p>
  
  <p>Thanks!</p>