Auto-Resizing Logo into Navbar

I am having some issues making the Logo appear neatly in the navbar. Currently I am using the following CSS code:div#logo { padding-top: 10px; padding right:10px; padding-bottom:10px; padding left:10px; } nav.navbar.navbar-default .container { max-width: 100%; } nav.navbar.navbar-default { float: right; max-width: 70%; } #masthead > .container { float: left; max-width: 30%; }
My logo is 300x150px. It overhangs the navbar by about 75 pixels or so. Do you have any suggestions? It also messes up the appearance on the mobile site (moves the hamburger menu to the center)

Hi @jfirwin,

I hope you are well today and thank you for your question.

Could you please tell me how you want your logo to display and share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,
Movin