Hide Logo on Desktop, but not on mobile

Site URL: https://contrabass-mayflower-5yeb.squarespace.com/

password: isle 

Hi! I am trying to hide the logo in the header just on the homepage and just on the desktop- I would still like it to appear on the homepage on mobile. I tried using SquareKicker, but when you reduce the size of your desktop, or are using a smaller desktop screen, the logo will suddenly appear again. Any css to help with this? 

.header-display-desktop .header-title-logo {
	display: none;
}

This should be inserted in the Custom CSS panel