Fix some responsiveness and offset issues in the theme.

css/theme.css

@@ -106,9 +106,7 @@ a:focus {
 .features-section,
 .outro,
 .intro {
-  display: table;
   width: 100%;
-  height: 100%;
   padding: 100px 0;
   text-align: center;
   color: #fff;
@@ -130,12 +128,10 @@ a:focus {
 .outro {
   background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #384955, #655361, #85505f);
 }
-.intro-body {
-  display: table-cell;
-  vertical-align: middle;
-}
 .brand-heading {
-  font-size: 40px;
+  font-size: 2em;
+  text-align: center;
+  margin-top: 3em;
 }
 .intro-text {
   font-size: 18px;
@@ -146,7 +142,7 @@ a:focus {
     padding: 0;
   }
   .brand-heading {
-    font-size: 100px;
+    font-size: 80px;
   }
   .intro-text {
     font-size: 25px;
@@ -264,24 +260,7 @@ a:focus {
   font-size: 26px;
 }
 .banner-social-buttons {
-  position: absolute;
-  bottom: 4em;
-  left: 0;
-}
-@media (max-width: 1199px) {
-  ul.banner-social-buttons {
-    margin-top: 15px;
-  }
-}
-@media (max-width: 767px) {
-  ul.banner-social-buttons > li {
-    display: block;
-    margin-bottom: 20px;
-    padding: 0;
-  }
-  ul.banner-social-buttons > li:last-child {
-    margin-bottom: 0;
-  }
+    padding-top: 7em;
 }
 ::-moz-selection {
   text-shadow: none;
@@ -349,3 +328,7 @@ ul.features {
   background: white;
   margin-left: -0.5px;
 }
+.row {
+    margin-left: 0;
+    margin-right: 0;
+}

index.html

@@ -74,12 +74,10 @@
         <!-- /.container -->
     </nav>
 
-    <section class="intro">
-        <div class="intro-body">
-            <div class="container">
+    <section class="intro" class="container">
         <div class="row">
+            <h1 class="brand-heading"><i class="icon-conversejs"></i> Converse.js</h1>
             <div class="col-md-8 col-md-offset-2">
-                        <h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
                 <p class="intro-text">A free and open-source XMPP chat client in your browser</p>
                 <div class="page-scroll">
                     <a href="#about" class="btn btn-default btn-lg"><span class="btn-text">Learn More</span></a>
@@ -96,8 +94,6 @@
                 </ul>
             </div>
         </div>
-            </div>
-        </div>
     </section>
 
     <section id="about" class="container content-section text-center">
@@ -158,8 +154,8 @@
                             <li>Messages appear in all connected chat clients (<a href="http://xmpp.org/extensions/xep-0280.html" target="_blank">XEP 280</a>)</li>
                             <li>Third person "/me" messages (<a href="http://xmpp.org/extensions/xep-0245.html" target="_blank">XEP 245</a>)</li>
                             <li>XMPP Ping (<a href="http://xmpp.org/extensions/xep-0199.html" target="_blank">XEP 199</a>)</li>
-                            <li>Server-side archiving of messages (<a href="http://xmpp.org/extensions/xep-0313.html" target="_blank">XEP 313</a>)</li>A
-                            <li>Client state indication (<a href="http://xmpp.org/extensions/xep-0352.html" target="_blank">XEP 352</a>)</li>A
+                            <li>Server-side archiving of messages (<a href="http://xmpp.org/extensions/xep-0313.html" target="_blank">XEP 313</a>)</li>
+                            <li>Client state indication (<a href="http://xmpp.org/extensions/xep-0352.html" target="_blank">XEP 352</a>)</li>
                             <li>Off-the-record encryption</li>
                             <li>Translated into 16 languages</li>
                         </ul>
@@ -193,25 +189,7 @@
         </div>
     </section>
 
-    <!--
-    <section id="donate" class="donate-section content-section text-center">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 col-lg-offset-2">
-                    <h3>Donate</h3>
-                    <p class="bitcoin-header">Most of the work done on <strong>converse.js</strong> is unpaid and a labor of love.</p>
-                    <p>Thanks to those have donated already.</p>
-                    <p class="bitcoin-header"><strong>Bitcoin</strong></p>
-                    <img src="css/images/bitcoin_qr_code.png"/>
-                    <p>16FsPqE9DhFTryxrUenpsGX4LJ1TPu8GqS</p>
-                </div>
-            </div>
-        </div>
-    </section>
-    -->
-
-    <section class="outro content-section" id="contact">
-        <div class="intro-body">
+    <section class="outro content-section text-center" id="contact">
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 col-lg-offset-2">
@@ -227,7 +205,6 @@
                 </div>
             </div>
         </div>
-        </div>
     </section>
 </body>