title: How to resize logo when viewed on mobile
body: <p>I've been trying to enlarge the logo of our <a href="http://www.furstenberglaw.com.au/" rel="nofollow noreferrer">site</a> when viewed on mobile phone but no code seems to work. I've tried different versions of this but to no avail:</p>
  
  <pre><code>@media (max-width: 360px) {
      .header-logo img {
          max-width: 50%;
          max-height: 50%;
      }
  }
  </code></pre>
  
  <p>I'm not sure what to adjust further since Firebug seems to be displaying code for the desktop version. And I don't really want to change anything on desktop view. Just mobile.</p>
  
  <p>Will appreciate any feedback.</p>