Mobile logo to big

Hi

Now we crate a new logo and the logo is to big on mobile Version.
I add this code to the override.css and activate css override in the backend:

@media (max-width:620px) {
#gkLogo.cssLogo {
margin-right: 0px;
max-width: 50%;
background-size: 100% !important;
}
}

Could you please told me what i did wrong?
Thanks a lot for your help

the URL is http://aleso.ch/www

Could anyone give me an answer please?

hi,
so you need smaller version of logo only on mobile devices ?
If yes, I suggest to use CSS logo type, replace default logo with yours and let me know then I will give you a next important tip.
and of course preppare smaller version of logo img.

Thanks a lot. Now it`s ok.
But i have another question.
How can we move the logo on the first page into the the white bar at the top.(Same bar as the Login Modul)

now i solved the Problem. Thanks