Mobile css

assets/site.css

@@ -163,9 +163,6 @@ p, ul.text-list {
 .section {
   width: 100%;
 }
-.docs {
-  margin-top: 60px;
-}
 .section--head {
   margin: 0;
   background: #EEE;
@@ -181,10 +178,6 @@ p, ul.text-list {
   position: relative;
 }
 
-.row--docs {
-  max-width: 960px;
-  padding-left: 210px;
-}
 .row--heading {
   margin-top: 0;
   margin-bottom: 0;
@@ -403,36 +396,10 @@ a.demo-gallery__img--main {
   .img-desc {
     margin-left: 0;
   }
-  .section {
-    margin-top: 132px;
-  }
-
-  .row--docs {
-    max-width: 800px;
-    padding-left: 30px;
-
-  }
-  
   .section--head {
     margin-top:0;
     padding: 30px 0;
   }
-
-  .docs {
-    margin-top: 48px;
-  }
-
-  .docs-menu {
-    position: relative;
-    left: 0;
-    top: 0;
-    border-top: 1px solid #CCC;
-    padding-top: 25px;
-    border-bottom: 1px solid #CCC;
-    padding-bottom: 25px;
-    margin: 15px 0;
-  }
-
   .row--nav {
     font-size: 24px;
     line-height: 1.1; 
@@ -471,18 +438,6 @@ a.demo-gallery__img--main {
   .row {
     padding: 0 18px;
   }
-  .docs .highlight,
-  .codepen-embed {
-    padding-left: 18px;
-    padding-right: 18px;
-    margin-left: -18px;
-  }
-  .section {
-    margin-top: 88px;
-  }
-  .docs {
-    margin-top: 32px;
-  }
   .section--head {
     margin-top:0;
     padding: 24px 0;
@@ -503,11 +458,11 @@ a.demo-gallery__img--main {
   }
 
   .demo-gallery {
-    max-width: 500px;
+    max-width: 600px;
   }
   .demo-gallery a {
-    width: 120px;
-    margin: 0 4px 4px 0;
+    width: 275px;
+    margin: 0 15px 12px 0;
   }
   a.demo-gallery__img--main {
     width: 164px;
@@ -520,8 +475,8 @@ a.demo-gallery__img--main {
 
 @media screen and (max-width: 450px) {
   .demo-gallery a {
-    width: 95px;
-    margin: 0 1px 1px 0;
+    width: 324px;
+    margin: 0 0 12px 0;
   }
   a.demo-gallery__img--main {
     width: 127px;