media queries for small screens

groups/new-homepage-3/homepage3-js-css.html

@@ -42,28 +42,6 @@ body {
         margin-right: -2px;
 }
 
-@media only screen and (min-width: 992px) {
-        .form-width {
-                width: 350px;
-        }
-}
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-        .form-width {
-                width: 220px;
-        }
-}
-
-@media only screen and (max-width: 767px)  {
-        .form-width {
-                width: 300px;
-        }
-        .zero-margin {
-                margin: auto;
-        }
-
-}
-
 #dropdownMenu1 {
         border-radius: 0px;
 }
@@ -213,6 +191,34 @@ img {
         max-width: 450px;
 }
 
+/* media queries */
+@media only screen and (min-width: 992px) {
+        .form-width {
+                width: 350px;
+        }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+        .form-width {
+                width: 220px;
+        }
+}
+
+@media only screen and (max-width: 767px)  {
+        .form-width {
+                width: 300px;
+        }
+        .zero-margin {
+                margin: 7px auto;
+        }
+        .nav-by-jumbotron {
+                margin-top: 40px !important;
+        }
+        #onesearch-header {
+                font-size: 5em;
+        }
+}
+
 /*!
  * Yamm!3 - Yet another megamenu for Bootstrap 3
  * http://geedmo.github.com/yamm3