Twenty Seventeen: Logo Position auch mobil nach oben

Hallo liebe Leute, bin kein Profi, habe aber eingies recherchiert, wie man das Logo nach oben und größer bekommt. Habe das auch hinbekommen, aber nur auf Desktop. Wie kriege ich das Logo auch mobil nach oben?
Die Seite: http://www.mein-baumhaus.de/

Bisher eingefügt als zusätzliches CSS:
@Media screen and (min-width: 48em) {
.custom-logo-link img {
max-width: 600px;
}
}

.custom-logo-link img {
/* display: inline-block; */
max-height: 1000px;
/* width: auto; */
}
.site-branding {margin-bottom: 45em !important;margin-left: 10em! important;}
.site-description {text-align: center;font-weight:900;}

Hier noch zusätzl. Infos:
WordPress 4.9.5
das Theme Twenty Seventeen.
Plugins:
YOAST
WP Fastest Cache
Contact Form 7
und den Newsletter

Ich danke im Voraus für jede Idee

Danke und Grüße

 

Habe es jetzt nochmal angepasst, aber es sieht immer noch nicht gut aus auf mobil:
.custom-logo-link img {
max-width: 550px;
}
.custom-logo-link img {
/* display: inline-block; */
max-height: 1000px;
/* width: auto; */
}
.site-branding {margin-bottom: 45em !important;margin-left: 10em! important;}
.site-description {text-align: center;font-weight:900;}