Logo woes on mobile

Dear support,

my site

Here is my development site. I have an issue with the logo, it being blurry on mobile view. Can you tell me how I can:
-Create a larger crop?
-Get rid of the blurring on mobile?
-Make it retina screen friendly?

It’s just such a tiny crop at 55px height, I’d rather have it twice the size and scale it with CSS.