title: How to make footer responsive through CSS?
body: <p>I want to make footer responsive through CSS. I've tried it through <code>background-size: cover</code> but it's not working. How can i make it responsive?</p>
  
  <p>Here's the CSS code:</p>
  
  <pre><code>#super-footer {
  
      width: 75%; position: relative;
      background-color:#176ca5;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 10px 10px 10px 250px;
      height:auto; min-height:200px;
      margin:25px 0 10px 0;
      float:left; 
      background-image:url('images/footer-bg.png');
      background-repeat:no-repeat;
      background-position: 25px 30px;
      -moz-box-shadow:    2px 3px 5px 1px #ccc;
      -webkit-box-shadow: 2px 3px 5px 1px #ccc;
      box-shadow:         2px 3px 5px 1px #ccc;
      vertical-align:middle;
  }
  </code></pre>
  
  <p>Here the link to site:</p>
  
  <p><a href="http://demo.nextsyntax.com/goldcoast/" rel="nofollow">http://demo.nextsyntax.com/goldcoast/</a></p>