updating landing page to reflect small changes with new containers and such

dist/css/skeleton.css

@@ -250,8 +250,7 @@ input[type="password"],
 textarea {
   -webkit-appearance: none;
      -moz-appearance: none;
-          appearance: none;
-}
+          appearance: none; }
 textarea {
   min-height: 65px;
   padding-top: 6px;
@@ -378,8 +377,8 @@ hr {
   margin-top: 3rem;
   margin-bottom: 3.5rem;
   border-width: 0;
-  border-top: 1px solid #E1E1E1;
-}
+  border-top: 1px solid #E1E1E1; }
+  
 
 /* Clearing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

examples/landing/css/custom.css

@@ -68,14 +68,14 @@
 
 /* Bigger than 550 */
 @media (min-width: 550px) {
-  .hero {
-    padding: 12rem 0;
-    text-align: left;
-    height: 165px;
-  }
   .section {
     padding: 12rem 0 11rem;
   }
+  .hero {
+    padding-bottom: 12rem;
+    text-align: left;
+    height: 165px;
+  }
   .phone {
     position: absolute;
     top: -7rem;

examples/landing/index.html

@@ -37,15 +37,17 @@
   <!-- Primary Page Layout
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
-  <div class="section container hero">
-    <div class="row">
-      <div class="one-half column">
-        <h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
-        <a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
-      </div>
-      <div class="one-half column phones">
-        <img class="phone" src="images/iphone.png">
-        <img class="phone" src="images/iphone.png">
+  <div class="section hero">
+    <div class="container">
+      <div class="row">
+        <div class="one-half column">
+          <h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
+          <a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
+        </div>
+        <div class="one-half column phones">
+          <img class="phone" src="images/iphone.png">
+          <img class="phone" src="images/iphone.png">
+        </div>
       </div>
     </div>
   </div>
@@ -72,10 +74,12 @@
     </div>
   </div>
 
-  <div class="container section get-help">
-    <h3 class="section-heading">Need help getting started?</h3>
-    <p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
-    <a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
+  <div class="section get-help">
+    <div class="container">
+      <h3 class="section-heading">Need help getting started?</h3>
+      <p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
+      <a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
+    </div>
   </div>
 
   <div class="section categories">