Hiding Header Image on Mobile

I’m trying to hide my header image when the browser size is less than 960px in width.

I have tried putting the following code within the style sheet, but it’s not working.

@media screen and (max-width: 767px) {
    .mh-custom-header { display: none; }
}

Any ideas?

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