reordered stylesheet

1 files changed, 34 insertions, 40 deletions

diff --git a/stylesheets/app.css b/stylesheets/app.css
index b1952b5..dde3067 100644
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -1,14 +1,3 @@
-/* Artfully masterminded by ZURB  */
-
-/* --------------------------------------------------
-   Table of Contents
------------------------------------------------------
-:: Shared Styles
-:: Page Name 1
-:: Page Name 2
-*/
-
-
 /* -----------------------------------------
    Shared Styles
 ----------------------------------------- */
@@ -26,35 +15,6 @@ div.header {
   max-width: 100%;
 }
 
-.firmwarelist {
-  min-width:90%;
-}
-
-@media only screen and (max-width: 570px) {
-  div.header {
-    background: transparent !important;
-    min-height: 0px;
-  }
-  .teaser > div > div.eight.columns{
-    max-height:305px;
-  }
-  #flash_placeholder {
-    background-size:100%;
-  }
-}
-
-@media only screen and (max-width: 480px) {
-  .teaser > div > div.eight.columns{
-    max-height:250px;
-  }
-}
-
-@media only screen and (max-width: 380px) {
-  .teaser > div > div.eight.columns{
-    max-height:200px;
-  }
-}
-
 footer {
   background: #fafafa;
   margin-top: 1em;
@@ -86,6 +46,7 @@ h1 > .postdate {
   margin-left: 2em;
   text-indent: -1em; 
 }
+
 /* -----------------------------------------
    Firmware
 ----------------------------------------- */
@@ -104,3 +65,36 @@ h1 > .postdate {
   font-size: 0.8em;
   padding-left: 7px;
 }
+
+.firmwarelist {
+  min-width:90%;
+}
+
+/* -----------------------------------------
+   responsive design
+----------------------------------------- */
+
+@media only screen and (max-width: 570px) {
+  div.header {
+    background: transparent !important;
+    min-height: 0px;
+  }
+  .teaser > div > div.eight.columns{
+    max-height:305px;
+  }
+  #flash_placeholder {
+    background-size:100%;
+  }
+}
+
+@media only screen and (max-width: 480px) {
+  .teaser > div > div.eight.columns{
+    max-height:250px;
+  }
+}
+
+@media only screen and (max-width: 380px) {
+  .teaser > div > div.eight.columns{
+    max-height:200px;
+  }
+}