remove unneed grid

docs/assets/css/docs.css

@@ -393,8 +393,7 @@ body {
 .docs-sub-content {
   position: relative;
   overflow: hidden;
-  padding-top: 55px;
-  padding-bottom: 65px;
+  padding: 55px 15px 65px;
   color: #fff;
   text-align: center;
 }

docs/components.html

@@ -6,13 +6,9 @@ title: Components · Ratchet
 <div class="docs-sub-header">
   {% include masthead.html %}
   <div class="container">
-    <div class="column-group">
-      <div class="column units-2">
-        <div class="docs-sub-content">
-          <h2 class="page-title">Components</h2>
-          <p class="page-description">Design patterns that serve as basic building blocks.</p>
-        </div>
-      </div>
+    <div class="docs-sub-content">
+      <h2 class="page-title">Components</h2>
+      <p class="page-description">Design patterns that serve as basic building blocks.</p>
     </div>
     {% include ad.html %}
   </div>

docs/examples.html

@@ -6,13 +6,9 @@ title: Examples · Ratchet
 <div class="docs-sub-header">
   {% include masthead.html %}
   <div class="container">
-    <div class="column-group">
-      <div class="column units-2">
-        <div class="docs-sub-content">
-          <h2 class="page-title">Examples</h2>
-          <p class="page-description">Take a look at some of these example apps built on Ratchet.</p>
-        </div>
-      </div>
+    <div class="docs-sub-content">
+      <h2 class="page-title">Examples</h2>
+      <p class="page-description">Take a look at some of these example apps built on Ratchet.</p>
     </div>
     {% include ad.html %}
   </div>

docs/getting-started.html

@@ -6,13 +6,9 @@ title: Getting started · Ratchet
 <div class="docs-sub-header">
   {% include masthead.html %}
   <div class="container">
-    <div class="column-group">
-      <div class="column units-2">
-        <div class="docs-sub-content">
-          <h2 class="page-title">Getting started</h2>
-          <p class="page-description">Once you've downloaded Ratchet, here's what to do next.</p>
-        </div>
-      </div>
+    <div class="docs-sub-content">
+      <h2 class="page-title">Getting started</h2>
+      <p class="page-description">Once you've downloaded Ratchet, here's what to do next.</p>
     </div>
     {% include ad.html %}
   </div>
@@ -35,8 +31,6 @@ title: Getting started &middot; Ratchet
         <p>There are <a href="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw" data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <span class="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <a href="https://developers.google.com/chrome/mobile/docs/installtohomescreen" data-ignore="push">this guide</a>.</p>
       </div>
 
-
-
       <div class="docs-section">
         <h2>What's included</h2>
         <p class="lead">Ratchet is downloadable in two forms, within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>

sass/docs.scss

@@ -397,8 +397,7 @@ body {
 .docs-sub-content {
   position: relative;
   overflow: hidden;
-  padding-top: 55px; // Visually centers the content.
-  padding-bottom: 65px; // Visually centers the content.
+  padding: 55px 15px 65px;
   color: #fff;
   text-align: center;