Media queries for mobile

Author: matteofigus

components/landing-page/css/styles.css

@@ -173,4 +173,28 @@ pre {
 
 li {
   text-decoration: none;
-}
+}
+
+@media only screen and (min-width : 320px) and (max-width : 768px) {
+  #hero header {
+    padding-top: 60px;
+  }
+  
+  #hero header h1 {
+    font-size: 44px;
+  }
+
+  #hero header h2 {
+    font-size: 24px;
+  }
+
+  .button, button {
+    padding: 5px 14px;
+    margin: 0px 1px;
+    font-size: 17px;
+  }
+
+  nav {
+    margin-top: 25px;
+  }
+}

components/landing-page/package.json

@@ -1,7 +1,7 @@
 {
   "name": "landing-page",
-  "description": "",
-  "version": "1.1.2",
+  "description": "The LandingPage microapp for the OpenComponents website",
+  "version": "1.1.3",
   "oc": {
     "files": {
       "data": "server.js",
@@ -16,6 +16,6 @@
     }
   },
   "devDependencies": {
-    "oc-template-handlebars-compiler": "6.0.8"
+    "oc-template-handlebars-compiler": "6.1.3"
   }
 }