Merge branch 'master' into gh-pages

2 files changed, 38 insertions, 5 deletions

diff --git a/src/layout.less b/src/layout.less
index b101ca0..ccdd609 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -8,10 +8,17 @@
   &:extend(.clearfix all);
 }
 @media screen and (min-width: 961px) {
-  .container {
-    &.grid-960 {
-      width: 96rem;
-    }
+  .grid-960 {
+    width: 96rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media screen and (min-width: 481px) {
+  .grid-480 {
+    width: 48rem;
+    margin-left: auto;
+    margin-right: auto;
   }
 }
 
@@ -82,3 +89,29 @@
   }
 }
 
+// Responsive breakpoint system
+@media screen and (max-width: 480px) {
+  .hide-xs {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 600px) {
+  .hide-sm {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 840px) {
+  .hide-md {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 960px) {
+  .hide-lg {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 1280px) {
+  .hide-xl {
+    display: none !important;
+  }
+}
\ No newline at end of file
diff --git a/src/typography.less b/src/typography.less
index bd4c576..0051ba0 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -8,7 +8,7 @@ h6 {
   font-weight: 300;
   line-height: 1.1;
   margin-top: 2.5rem;
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
   color: inherit;
 }
 h1 {