fix guides

_src/_assets/styles/_page-guides.scss

@@ -1,4 +1,4 @@
-.header--guides {
+.header--developersguides {
     background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom;
     background-size: contain;
     padding-bottom: 18%;
@@ -103,14 +103,10 @@
         display: block;
         box-shadow: none;
         background-color: $brand-main-blue-dark;
-        padding: $spacer * 1.5;
+        padding: $spacer * 2;
         height: 100%;
         border-radius: $border-radius;
 
-        @media ($screen-sm) {
-            padding: $spacer * 3;
-        }
-
         &:before {
             opacity: .85;
         }
@@ -130,17 +126,6 @@
     .grid {
         margin-bottom: 0;
     }
-
-    .section--guides &,
-    .section--guideslist & {
-        margin-bottom: $spacer * 2;
-
-        a {
-            @media ($screen-sm) {
-                padding: $spacer * 4;
-            }
-        }
-    }
 }
 
 .guide__title,
@@ -156,12 +141,33 @@ h1.guide__title {
     margin-bottom: $spacer / $line-height;
     margin-top: 0;
     color: #fff;
+
+    .section--guides-more & {
+        font-size: $font-size-lg;
+    }
 }
 
 .guide__tagline {
     color: $brand-main-blue-light;
 }
 
+.section--guideslist {
+    .guide {
+        margin-bottom: $spacer * 2;
+
+        a {
+            padding: $spacer * 3;
+        }
+    }
+}
+
+.section--guides,
+.section--guides-more {
+    .grid {
+        margin-bottom: $spacer * 3;
+    }
+}
+
 //
 // TOC
 //

_src/_includes/sections/section-guides.html

@@ -7,7 +7,7 @@
     </div>
 
     <div class="row row--wide">
-        <div class="grid grid--full grid-small--half grid--gutters">
+        <div class="grid grid--full grid-small--half grid--gutters--small">
             {% assign guides = site.guides | sort: 'order' %}
             {% for guide in guides limit: 4 %}
                 <div class="grid__col">