Remove Logo for mobile device

I picked up the following code but it seems to have no effect. I am new at CSS. My hamburger overlaps my site title on a cell and my solution is to remove the logo image. Thanks.

@media only screen and (max-width: 568px) {
div#logo {
display: none;
}
}

The page I need help with: [log in to see the link]