Trying to make logo disappear for mobile

Everything looks good except for the logo showing up on the mobile version. It pushes everything around and makes it hard to read. I love the logo on the desktop site. I was wondering if anyone may have some advice.

Here is the demo site I'm working with right now if you would like to check it out.

http://www.masons4mules.com/

Thanks in advance for responses!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 @media only screen and (max-width: 480px){
.header .logo {
display:none;
}
}

Thanks & Regards
Gourav Shrivastava

 

Thank you, there was some additional work due to some extra div classes, but that worked out just fine! You guys are awesome!