title: How to make Header image responsive?
body: <p>I have added a header image to my site with:</p>
  
  <pre><code>#header_area {
      background: url('my_header_image.com');
      background-repeat:no-repeat;
      background-position: top center;
  }
  </code></pre>
  
  <p>My site is responsive except the Header.</p>
  
  <p>Is there a way to make my header responsive?</p>