mobile header fix

static/media/css/core.css

@@ -241,7 +241,7 @@ nav.pagination ul li a {
   overflow: hidden;
 }
 /*mobile*/
-@media only screen and (min-width: 320px) and (max-width: 599px) {
+@media only screen and (max-width: 599px) {
   .container p,
   .container h1,
   .container h2,
@@ -272,6 +272,14 @@ nav.pagination ul li a {
     margin-left: auto;
     margin-right: auto;
   }
+  .navbar .brand {
+    background-image: url('../img/csol_logo_sm.png');
+    height: 150px;
+    background-position: top center;
+  }
+  .navbar-inner > .container {
+    width: 100%;
+  }
   .form-horizontal .control-label {
     text-align: left;
     float: none;
@@ -604,19 +612,13 @@ input[type="password"].metered:focus:invalid:focus + .password-meter {
 /* Mobile : width > iphone ------ */
 /* ------------------------------ */
 @media only screen and (min-width: 321px) and (max-width: 940px) {
-  .navbar .brand {
+  
-    background-image: url('../img/csol_logo_480.png');
-    height: 166px;
-  }
 }
 /* ------------------------------ */
 /* Mobile : width <= iphone ----- */
 /* ------------------------------ */
 @media only screen and (max-width: 320px) {
-  .navbar .brand {
+  
-    background-image: url('../img/csol_logo_320.png');
-    height: 116px;
-  }
 }
 /* ------------------------------ */
 /* CSOL-site SPECIFIC ----------- */