Neu Logogröße im Responsiven Design

[lord_icon]

Hi,

ich finde dass das Logo auf dem Handy winzig dargestellt wird.
Die Suche ist 2/3 groß... das Logo nur 1/3.
Das finde ich inakzeptabel und kenne ich auf anderen Website anders.

Ich würde gern das Logo in mittig oben darstellen lassen. 60% Browserbreite sollte hier reichen.
Die Suche dann drunter.

Leider finde ich nicht wirklich die passenden CSS ansprechungen.

So komme ich schon grob hin...

@media only screen and (max-width: 400px)
{
    #header-branding #logo a img {
       max-width: 350%;
   }
   .col-xs-8 {
       width: 100%;
       padding-top: 10px;
   }
}

Problem ist nur: Drehe ich das Display hab ich mehr Fläche zur Verfügung es passt sich nicht an.
Also murks.

Nur wie bekomm ich den responsiven Teil überschrieben ?
Hat hier einer eine Idee ?

Bzw. ganz anders gefragt:
Im Ordner /templates/own_design/css/mytheme.css liegt ja meine eigene CSS.
Kann ich hier eine 2te CSS einbinden, die nur für das Respon. Design zur geltung kommt?
(So ganz hab ich die funktionsweise noch nicht verstanden. Wann kommt welche CSS zum Einsatz)


Danke