getting rid of old classes in the markup

docs/_includes/masthead.html

@@ -1,6 +1,6 @@
 <header class="docs-masthead clearfix">
   <div class="container">
-    <div class="column units-2">
+    <div class="column">
       <h1 class="docs-title">
         <a href="/" data-ignore="push">Ratchet</a>
       </h1>

docs/components.html

@@ -18,7 +18,7 @@ title: Components · Ratchet
 <div class="container">
   <!-- Components -->
   <div class="docs-components column-group">
-    <div class="device-column column units-2 lg-units-5 pull-right">
+    <div class="device-column column lg-units-5 pull-right">
       <!-- In phone examples -->
       <div class="device js-device">
         <div class="device-content">
@@ -31,7 +31,7 @@ title: Components &middot; Ratchet
       </div>
     </div>
 
-    <div class="column units-2 lg-units-7 docs-content">
+    <div class="column lg-units-7 docs-content">
       <!-- Bars -->
       <article class="component active" id="bars">
         <h3 class="component-title">Title bar</h3>

docs/examples.html

@@ -16,12 +16,12 @@ title: Examples · Ratchet
 
 <div class="container">
   <div class="column-group">
-    <div class="column units-2 lg-units-8 docs-examples docs-content">
+    <div class="column lg-units-8 docs-examples docs-content">
 
       <p class="lead">Checkout out the examples on a desktop browser or visit on your mobile device see the apps as intended.</p>
 
       <div class="column-group">
-        <div class="column units-2 lg-units-4">
+        <div class="column lg-units-4">
           <div class="example-wrap">
             <a class="example" href="/examples/app-movies" data-ignore="push">
               <img src="/assets/img/example.png" alt="Movie finder app example" width="640" height="480">
@@ -29,7 +29,7 @@ title: Examples &middot; Ratchet
             <h4 class="example-title">Movie finder</h4>
           </div>
         </div>
-        <div class="column units-2 lg-units-4">
+        <div class="column lg-units-4">
           <div class="example-wrap">
             <a class="example" href="/examples/app-ios-mail" data-ignore="push">
               <img src="/assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480">
@@ -37,7 +37,7 @@ title: Examples &middot; Ratchet
             <h4 class="example-title">iOS mail app</h4>
           </div>
         </div>
-        <div class="column units-2 lg-units-4">
+        <div class="column lg-units-4">
           <div class="example-wrap">
             <a class="example" href="/examples/app-android-notes" data-ignore="push">
               <img src="/assets/img/example-android.png" alt="Android notes app example" width="640" height="480">
@@ -48,12 +48,12 @@ title: Examples &middot; Ratchet
       </div>
     </div>
 
-    <div class="column units-2 lg-units-4">
+    <div class="column lg-units-4">
       {% include download-module.html %}
     </div>
   </div>
 
-  <div class="column units-2">
+  <div class="column">
     <!-- Footer -->
     {% include footer.html %}
   </div>

docs/getting-started.html

@@ -16,7 +16,7 @@ title: Getting started · Ratchet
 
 <div class="container">
   <div class="column-group">
-    <div class="column units-2 lg-units-8 docs-content">
+    <div class="column lg-units-8 docs-content">
       <div class="docs-section">
         <h2>Quick start</h2>
         <p class="lead">Quickly get up and running with a Ratchet prototype.</p>
@@ -179,12 +179,12 @@ ratchet/
       </div>
     </div>
 
-    <div class="column units-2 lg-units-4">
+    <div class="column lg-units-4">
       {% include download-module.html %}
     </div>
   </div>
 
-  <div class="column units-2">
+  <div class="column">
     <!-- Footer -->
     {% include footer.html %}
   </div>