Clean up the marketing boxes.

Author: espenak

index.html

@@ -123,19 +123,19 @@
         <div class="span4">
             <i class="icon-tag marketing-huge-icon"></i>
             <h2>About</h2>
-            <p>Devilry is a system optimized for delivering and correcting electronic deliveries. This narrow focus enables us to avoid unneeded clutter common to less focused systems.</p>
+            <p>Devilry is a system optimized for delivering and correcting electronic deliveries.</p>
             <p><a class="btn" href="#about">Read more&raquo;</a></p>
         </div><!-- /.span4 -->
         <div class="span4">
             <i class="icon-comments marketing-huge-icon"></i>
             <h2>Help</h2>
-            <p>Submit bugs, problems, improvements or new features via our issue tracker, or help other users on our Q&amp;A forum.</p>
+            <p>Submit bugs or suggest improvements via our issue tracker, or help other users on our forum.</p>
             <p><a class="btn" href="#help">Read more&raquo;</a></p>
         </div><!-- /.span4 -->
         <div class="span4">
             <i class="icon-coffee marketing-huge-icon"></i>
             <h2>Develop</h2>
-            <p>Devilry is open source, and we have an open community. This means that you can help us develop Devilry.</p>
+            <p>Open source and open community means that you can help us develop Devilry.</p>
             <p><a class="btn" href="#develop">Read more&raquo;</a></p>
         </div><!-- /.span4 -->
     </div><!-- /.row -->

less/marketing.less

@@ -12,19 +12,25 @@
         }
         @media (max-width: 767px) { /* Phones to portrait tablet */
             position: relative;
+            padding-left: 130px;
+            padding-top: 6px;
+            text-align: left;
+            min-height: 140px;
+            margin-bottom: 30px;
+            //background-color: red;
+            h2 {
+                margin: 0;
+                padding: 0 0 18px 0;
+            }
             .marketing-huge-icon {
                 position: absolute;
                 top: 30px;
                 left: 0;
                 font-size: 100px;
             }
-            padding-left: 130px;
-            padding-top: 6px;
-            text-align: left;
-            min-height: 180px;
-            margin-bottom: 30px;
         }
         @media (max-width: 500px) { /* Phones */
+            min-height: 150px;
             h2 {
                 margin: 0;
                 padding: 0;