start working intro into the equation

site/css/style.css

@@ -40,15 +40,10 @@ nav li {
 
 .main-nav {
   margin-top: 52px;
-  text-align: center;
-}
-
-.main-nav ul {
-  display: inline-block;
 }
 
 .main-nav li {
-  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .main-nav li a {
@@ -139,6 +134,24 @@ body > footer a:hover img {
   }
 }
 
+/* Intro */
+
+.intro .unit {
+  padding: 10px 0 40px;
+}
+
+.intro p {
+  font-size: 1.75em;
+  line-height: 1em;
+  margin: 0;
+}
+
+@media (min-width: 569px){
+  .intro p {
+    font-size: 3.2em;
+  }
+}
+
 /* HTML Elements */
 
 h1, h2, h3, h4, h5, h6 {

site/index.html

@@ -4,11 +4,10 @@ title: Jekyll • Simple, blog-aware, static sites
 overview: true
 ---
 
-{% comment %}
 <section class="intro">
   <div class="grid">
-    <div class="unit whole">
+    <div class="unit whole center-on-mobiles">
-      <p class="first">Transform your plain text into static websites and blogs. <br />So easy, <strong>it&rsquo;s scary</strong>.</p>
+      <p class="first">Transform your plain text into static&nbsp;websites and&nbsp;blogs.</p>
     </div>
   </div>
 </section>
@@ -78,4 +77,3 @@ overview: true
     </div>
   </div>
 </section>
-{% endcomment %}