Header BG image Responsive width control
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.
@media (max-width: 720px)
margin: 0 auto 1em;