Wide logo is stretching, works well at some resolutions, poorly at others

#1
I am testing a wide logo filling the logo block at http://jetboaters.net

It works well for a middle range of widths of the browser.

Screen Shot 2014-03-11 at 11.22.29 AM.png

At mobile sized resolutions it becomes long and narrow

Screen Shot 2014-03-11 at 11.21.18 AM.png
At wide resolutions it stretches to become taller than the logo block

Screen Shot 2014-03-11 at 11.24.13 AM.png

Is there a way that I could make the logo block itself grow and shrink as the logo does, or cause minimum and maximum sizes for the logo?

Thank you for your advice.
 
#3
@Brogan, thank you, your link was what I needed.

I installed http://xenforo.com/community/resources/responsive-design.2193/ to change the icon at narrow resolutions.

My issue with the banner becoming too large was that the banner image was taller than the 80 pixels I had allocated for it. So it would stretch to its full height as the window widened. I rescaled it to 80 pixels of height. Now it stretches to its full height and is left aligned after that.

I may manually code in a third image for wider displays.
 
Top