Some changes for responsive design.

Author: RobertoGonzalez

assets/css/styles.css

@@ -475,20 +475,20 @@ pre.line-numbers > code {
     }
 
 
-@media(max-width: 860px) {
+@media(max-width: 1680px) {
   header {
     min-height: 0px;
   }
   .first-background {
-    height: 200px;
+    height: 250px;
   }
   nav.fixed {
-    height: 200px;
+    height: 250px;
   }
     .logo-holder {
-      padding-top: 197px;
+      padding-top: 247px;
     }
-
+    
   .logo-holder {
     height: 56.25px;
   }
@@ -501,6 +501,26 @@ pre.line-numbers > code {
 }
 
 
+@media(max-width: 1280px) {
+  header {
+    min-height: 0px;
+  }
+  .first-background {
+    height: 200px;
+  }
+  nav.fixed {
+    height: 200px;
+  }
+    .logo-holder {
+      padding-top: 197px;
+    }
+}
+
+@media(max-width: 860px) {
+
+}
+
+
 @media(max-width: 700px) {
   .logo-holder {
     height: 37.5px;