Logo Background Image Issues?

I have a logo area background image with a transparent background color due to it’s grungy irregular border.
Had to use some padding to prevent it from showing up as white.
I have decided on the size and color, etc. but now I’m experiencing issues with how it looks width-wise in different browsers – when I check my site at responsivedesignchecker.com there is quite a bit of difference between desktop, tablets and mobile.
1. I would love some help with adjusting the code to get it more consistent (also so that it doesn’t cover up the top of the easy slider image and chop off my head).
2. Also, I would like to adjust my actual logo image (domain name script) to not change size when the site is scrolled (currently it gets a little smaller).
3. I would also like the search bar on the right side to stay under the social media icons even on very large screens and not float allll the way to the right.
Will include site details below.

• This topic was modified 6 years, 4 months ago by Moondreamer21.