diff --git a/index.html b/index.html
index ea644d9..7de8926 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
 
 <center><a href="http://www.remarkbox.com">
     <img src="remarkbox-minified.png" class="herologo" alt="Remarkbox Logo" /></a>
-    <h2>Your readers want <span class="avoidwrap">to communicate with you</span></h2>
+    <h2>Your readers want <span class="avoidwrap">to communicate</span> <span class="avoidwrap">with you</span></h2>
 </center>
 
   <div class="row">
@@ -124,11 +124,11 @@
   </div>
   <div class="row">
     <center>
-      <h3 style="margin-top: 80px">Looking for a Disqus alternative?</h3>
+      <h3 style="margin-top: 80px">Looking for a <span class="avoidwrap">Disqus alternative?</span></h3>
     </center>
       Disqus serves advertisements and has a distracting user experience which causes your visitors to bounce. We all want a better way.
       As a result, Remarkbox was created as a comment system that <b>works for the site owner</b>, not against them.
-      <a href="#learn">... read more</a>
+      <span class="avoidwrap"><a href="#learn">... read more</a></span>
   </div>
 </div>
 </div>
@@ -139,7 +139,8 @@
 <br/>
 <br/>
 <br/>
-<div class="nav">
+
+<div class="nav hidden-on-tablet">
   <div>
     <a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
     
@@ -157,7 +158,7 @@
 <div class="reasons row-padding">
 <a id="learn" class="anchor"></a>
 <center>
-<h4>Your search for the perfect blog comment system ends today</h4>
+<h4>Your search for the perfect <span class="avoidwrap">blog comment system ends today</span></h4>
 <br/>
 </center>
 <div class="container">
@@ -229,7 +230,7 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
 <div class="container row-padding" style="max-width: 960px">
 
 <a id="plans" class="anchor"></a>
-<center><h5>Plans and Pricing</h5></center>
+<center><h4>Plans and Pricing</h4></center>
 
   <br/>
   <br/>
@@ -324,42 +325,41 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
     <div class="one-third column">&nbsp;</div>
 
     </div>
+  </div>
+</div>
 
-<br><br>
-<br><br>
-<br>
-
-<a id="faq" class="anchor"></a>
-
-    <center><h5>FAQ</h5></center>
-    <br/>
-    <br/>
 
+<div class="row-padding">
+<div class="container">
   <div class="row">
+    <div class="three columns">&nbsp;</div>
 
-    <div class="one-half column">
+    <div class="six columns" style="text-align: center;">
+
+    <a id="faq" class="anchor"></a>
+    <h4>FAQ</h4>
     
     <b>Do you have any real examples?</b>
-    <ul style="margin-left: 20px;">
+    <ul style="list-style: none">
     <li><a href="https://linkpeek.com/blog" target="_blank">https://linkpeek.com/blog</a></li>
     <li><a href="http://westworld2.com/">http://westworld2.com</a> <span style="font-size: .8em">(dedicated)</span></li>
     <li><a href="http://webscale.plumbing/managing-apt-repos-in-s3-using-lambda" target="_blank">http://webscale.plumbing</a></li>
     <li><a href="http://gumyum.com/" target="_blank">http://gumyum.com</a></li>
     <li><a href="http://www.remarkbox.com/#remarkbox">http://www.remarkbox.com/#remarkbox</a></li>
     </ul>
-
-    </div>
-    <div class="one-half column">
     
     <b>What about my data?</b>
-    <ul style="margin-left: 20px;">
+    <ul style="list-style: none;">
       <li>export your comments as needed <span style="font-size: .8em">(almost ready)</span></li>
     </ul>
+
     </div>
 
+    <div class="three columns">&nbsp;</div>
 
   </div>
 </div>
+</div>
 
 <div class="graybg row-padding">
 <div class="container">
@@ -368,7 +368,7 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
 
     <div class="six columns" style="text-align: center;">
 <a id="beta" class="anchor"></a>
-<h5>Remarkbox is almost ready!</h5>
+<h4>Remarkbox is almost ready!</h4>
 
 <span class="avoidwrap">Join the list for <b>early access</b> to</span>
 <span class="avoidwrap"> updates and advanced features</span>
@@ -407,7 +407,7 @@ Space is <b>limited</b> but if you are selected<br/> your <b>feedback will shape
     <div class="six columns" style="padding-left: 5%">
 
       <a id="about" class="anchor"></a>
-      <h5>About Remarkbox</h5>
+      <h4>About Remarkbox</h4>
       
       <p>
       <img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s140-c/photo.jpg" align="left" style="margin-right: 20px; margin-top: 5px;">
@@ -463,7 +463,7 @@ Space is <b>limited</b> but if you are selected<br/> your <b>feedback will shape
   <div class="row row-padding">
 
 <a id="remarkbox-demo" class="anchor"></a>
-<h5>Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h5>
+<h4>Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h4>
 
 <!-- Remarkbox - readers want to communicate with you -->
 <script src=https://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js></script><script>var thread_fragment=window.location.hash,thread_uri=window.location.href;document.write('<iframe id="remarkbox" src="https://demo.remarkbox.com/embed?thread_uri='+thread_uri+'" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" tabindex="0"></iframe>'),iFrameResize({inPageLinks:!0,initCallback:function(e){e.iFrameResizer.moveToAnchor(thread_fragment)}},document.getElementById("remarkbox"))</script><noscript><iframe id=remarkbox src="https://demo.remarkbox.com/embed?nojs=true"style=height:600px;width:100%;border:none!important tabindex=0></iframe></noscript>