Logo im Responsive Design bearbeiten/löschen

[COLOR=#333333]Hallo Leute,

erstmal frohes Neues an alle. Ich hab' da mal 'ne Frage:
Weiss einer von euch, ob es möglich ist das Logo einer Website ausschließlich im mobile Design in der Größe zu bearbeiten, oder einfach komplett zu entfernen? Aufm Desktop sieht der Header super aus, aber auf iPad/iPhone passen Logo und Navbar nicht in eine Reihe. Deswegen wollte ich versuchen einfach die Logogröße im mobile Design anzupassen bzw. das Logo aus dem mobile Design komplett zu löschen.
Ich hatte schonmal im Custom CSS des Plugins folgendes versucht:

.responsive .logo img {    display: none!important;
}

Leider jedoch ohne Erfolg. Wäre super, wenn jemand eine Idee hat ;)

URL: [/COLOR]http://www.heilpraktikerschule-claudia-schmitz.de/new

[COLOR=#333333]Wordpress Version: 4.6.1[/COLOR][COLOR=#333333] [/COLOR]

[COLOR=#333333]Verwendetes Child-Theme: Dream-Spa ([/COLOR]https://wordpress.org/themes/dream-spa/[COLOR=#333333])[/COLOR]
[COLOR=#333333]Eltern-Theme: Spasalon ([/COLOR]https://wordpress.org/themes/spasalon/[COLOR=#333333])[/COLOR]

Hab's jetzt mal mit

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 




img.custom-logo { width: 300px }




}

gemacht und scheint ganz gut zu funktionieren ;)

Das mit

height: auto;

werde ich später auf jeden Fall noch machen ;) Und zugeschnitten wird das Logo eh noch bzw. es wird eigentlich komplett neu gestaltet, wie man unschwer erkennen kann ist die Seite auch noch lange nicht fertig.