Hi there

This is probably a very basic issue, however, I'm not yet completely au fait with responsive css.

I'd like to know how I can fit the header logo (Clinch Auto) into the the smallest width. URL provided below including copy of the @media CSS below.

Would I need to add another @media with a smaller max-width and would I need to place a bg image containing less height than the current logo size?

Currently the logo is bigger than the smallest window size.


http://www.clinchautomotive.co.nz/Responsive/

CSS:
Code:
@media (max-width: 720px)
#logo {
margin: 0 auto 1em;
width: 100%;