Update H2 styling

codeforamerica · May 4, 2012 · 3057273 · 3057273
1 parent f1e230b
commit 3057273
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 15 deletions.
diff --git a/css/main.less b/css/main.less
@@ -5,13 +5,14 @@
 
 body{
     overflow-x: hidden;
-    h2{
-        font-weight: 600;
-        padding-bottom: 5px;
-    }
-    p{
-        padding-right: 5px;
-    }
+}
+h2{
+    font-size: 28px;
+    font-weight: 300;
+    padding-bottom: 8px;
+}
+p{
+    padding-right: 5px;
 }
 
 header{
@@ -104,15 +105,21 @@ footer{
  * Tablet
  */
 @media (max-width: 979px) and (min-width: 768px){
+    h2{
+        font-size: 24px;
+    }
     .green{
         .row{
             height: 350px;
             img{
                 width: 350px;
             }
         }
-        .tagline h3{
-            font-size: 26px;
+        .tagline{
+            margin-top: 200px;
+            h3{
+                font-size: 26px;
+            }
         }
     }
     footer{
@@ -122,7 +129,7 @@ footer{
     }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 787px) {
     body{
         padding: 0;
         .row{
@@ -133,9 +140,6 @@ footer{
             padding-top: 25px;
         }
     }
-    .green .row{
-        height: 350px;
-    }
     .features{
         padding: 0 0 25px;
     }
@@ -147,7 +151,7 @@ footer{
     }
 }
 
-@media (max-width: 787px) {
+@media (max-width: 480px) {
     body{
         padding: 0;
         .row{
@@ -158,6 +162,9 @@ footer{
             padding-top: 25px;
         }
     }
+    .green .row{
+        height: 350px;
+    }
     .features{
         padding: 0 0 25px;
     }
@@ -169,6 +176,7 @@ footer{
     }
 }
 
+
 /*
  * Large desktop
  */

diff --git a/index.html b/index.html
@@ -107,7 +107,7 @@ <h2>How do I format my message?</h2>
         </div>
 
         <div class="span6">
-          <h2>How do I know my request went through?</h2>
+          <h2>Did my request go through?</h2>
           <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
           <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla.</p>
         </div>