diff --git a/custom2.css b/custom2.css
index 1fbb8d1..612c4f2 100644
--- a/custom2.css
+++ b/custom2.css
@@ -16,20 +16,7 @@ a, a:link, a:visited {
 
 body {
     background-color: #f8f5f5;
-}
-
-#mc_embed_signup {
-    clear:left; font:14px Helvetica,Arial,sans-serif;
-}
-#mc_embed_signup .button, .red {
-    background-color: #AA0000;
-    border-color: #AA0000;
-    color: #FFFFFF;
-}
-#mc_embed_signup .button:hover, .red:hover {
-    background-color: #D40000;
-    border-color: #DA0000;
-    color: #FFFFFF;
+    overflow-x: hidden;
 }
 
 .pricebox {
@@ -56,7 +43,6 @@ body {
 
 
 .nav, .navbar {
-    word-spacing: 30px;
     font-weight: bold;
     width: 100%;
     background-color: #ffffff;
@@ -93,7 +79,11 @@ body {
     float: right;
     padding-right: 40px;
     padding-left: 40px;
-    padding-top: 20px;
+    padding-top: 10px;
+}
+
+.navlink {
+   padding-right: 20px;
 }
 
 .navlogo {
@@ -124,11 +114,111 @@ span.avoidwrap {
     max-width: 860px;
 }
 
+/* beta ribbon! */
+
+/* Custom styles */
+
+.corner-ribbon{
+  width: 200px;
+  background: #e43;
+  position: absolute;
+  top: 25px;
+  left: -50px;
+  text-align: center;
+  line-height: 50px;
+  letter-spacing: 1px;
+  color: #f0f0f0;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.corner-ribbon a {
+  color: #ffffff;
+}
+
+.corner-ribbon.sticky{
+  position: fixed;
+}
+
+.corner-ribbon.shadow{
+  box-shadow: 0 0 3px rgba(0,0,0,.3);
+}
+
+/* Different positions */
+
+.corner-ribbon.top-left{
+  top: 25px;
+  left: -50px;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.corner-ribbon.top-right{
+  top: 25px;
+  right: -50px;
+  left: auto;
+  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+}
+
+.corner-ribbon.bottom-left{
+  top: auto;
+  bottom: 25px;
+  left: -50px;
+  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+}
+
+.corner-ribbon.bottom-right{
+  top: auto;
+  right: -50px;
+  bottom: 25px;
+  left: auto;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+/* Colors */
+.corner-ribbon.color{
+  background: #aa0000;
+  /*background: #3e78ad;*/
+}
+
+
+/* mail chimp and red buttons */
+
+#mc_embed_signup {
+    clear:left; font:14px Helvetica,Arial,sans-serif;
+}
+#mc_embed_signup .button, .red {
+    background-color: #AA0000;
+    border-color: #AA0000;
+    color: #FFFFFF !important;
+}
+#mc_embed_signup .button:hover, .red:hover {
+    background-color: #D40000;
+    border-color: #DA0000;
+    color: #FFFFFF !important;
+}
+
+/* media viewports */
+
+.shown-on-phone {
+  display: none;
+}
+
+.shown-on-tablet {
+  display: none;
+}
+
 @media screen and (max-width:568px) {
   .hidden-on-phone {display: none} 
+  .shown-on-phone {display: block} 
 }  
 
 @media screen and (max-width:750px) {
   .navbar.hidden-on-tablet {display: none} 
   .hidden-on-tablet {display: none} 
+  .shown-on-tablet  {display: block} 
 }  
+
diff --git a/index.html b/index.html
index 44f0e7b..76376fd 100644
--- a/index.html
+++ b/index.html
@@ -43,14 +43,20 @@
     <a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
     
     <div class="navlinks">
-      <a href="#plans">Plans</a>
-      <a href="#faq">FAQ</a>
-      <a href="#beta">Join</a>
-      <a href="#about">About</a>
-      <a href="#remarkbox-demo">Demo</a>
+      <a class="navlink" href="#plans">Plans</a>
+      <a class="navlink" href="#faq">FAQ</a>
+      <a class="navlink" href="#about">About</a>
+      <a class="navlink" href="#remarkbox-demo">Demo</a>
+      <a class="button" href="#beta">Log in</a>
+      <a class="button red" href="#beta">Join</a>
     </div>
 </div>
 
+<div style="float: right; margin-top: 35px; margin-right: 40px;" class="hidden-on-tablet">
+  <a class="button" href="#beta">Log in</a>
+  <a class="button red" href="#beta">Join</a>
+</div>
+
 <div class="proposition">
 <div class="container">
 
@@ -89,6 +95,7 @@
       <a class="button red" href="#remarkbox-demo">Try Remarkbox</a>
       <br />
       <b>or <a href="#learn">learn more</a></b>
+      <!-- <b>or <a href="#beta">join beta</a></b> -->
       <br />
       <br />
       </center>
@@ -114,11 +121,9 @@
     <center>
       <h3 style="margin-top: 80px">Looking for a Disqus alternative?</h3>
     </center>
-      We all agree that Disqus has jumped the shark. Their user experience is distracting and they serve advertisements.
-      <br/>
-      Not only that, but they actively cause your visitors to bounce to their dashboard.
-      As a result, Remarkbox was created to satisfy the need for a comment system that <b>works for the site owner</b>, not against them.
-      <a href="#about">... read more</a>
+      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 comment system that <b>works for the site owner</b>, not against them.
+      <a href="#learn">... read more</a>
   </div>
 </div>
 </div>
@@ -135,11 +140,12 @@
     <a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
     
     <div class="navlinks">
-      <a href="#plans">Plans</a>
-      <a href="#faq">FAQ</a>
-      <a href="#beta">Join</a>
-      <a href="#about">About</a>
-      <a href="#remarkbox-demo">Demo</a>
+      <a class="navlink" href="#plans">Plans</a>
+      <a class="navlink" href="#faq">FAQ</a>
+      <a class="navlink" href="#about">About</a>
+      <a class="navlink" href="#remarkbox-demo">Demo</a>
+      <a class="button" href="#beta">Log in</a>
+      <a class="button red" href="#beta">Join</a>
     </div>
   </div>
 </div>
@@ -193,6 +199,14 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
     </div>
   </div>
 
+      <center>
+      <br>
+      <br>
+      <a class="button red" href="#remarkbox-demo">Try Remarkbox</a>
+      <br />
+      <b>or <a href="#beta">join beta</a></b>
+      </center>
+
 
 
 <!--
@@ -231,6 +245,7 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
         <br/>
         Just put the snippet into your HTML
       </div>
+      <br/>
     </div>
 
     <div class="one-third column">
@@ -238,8 +253,9 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
       <div class="pricebox deal">
         <b>Production</b>
         <h3>$5/mo</h3>
-          One moderator on<br/>
-          <span class="avoidwrap">one verified domain</span>
+          One moderator
+          <span class="avoidwrap">on one domain</span>
+          <br/>
           <br/>
           <br/>
         <b><a href="#beta" class="button red">Coming Soon</a></b>
@@ -254,14 +270,16 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
       <div class="pricebox">
         <b>Dedicated</b>
         <h3>$50/mo</h3>
-          Dedicated instance of Remarkbox<br/>
-          <span class="avoidwrap">unlimited verified domains</span>
+          Unlimited moderators
+          <br/>
+          Dedicated Remarkbox instance
           <br/>
           <br/>
         <b><a href="#beta" class="button red">Coming Soon</a></b>
         <br/>
         Join the <a href="#beta">beta</a> for a sneak peek
       </div>
+      <br/>
     </div>
 
 <span id="faq"></span>
@@ -308,9 +326,10 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
     <div class="three columns">&nbsp;</div>
 
     <div class="six columns" style="text-align: center;">
-<h5>Join Remarkbox beta</h5>
+<h5>Remarkbox is almost ready!</h5>
 
-For <b>early access</b> to advanced <span class="avoidwrap">features and updates join the email list</span>
+<span class="avoidwrap">Join the list for <b>early access</b> to</span>
+<span class="avoidwrap"> updates and advanced features</span>
 
 <br />
 <br />
@@ -330,9 +349,9 @@ For <b>early access</b> to advanced <span class="avoidwrap">features and updates
 </form>
 </div>
 <!--End mc_embed_signup-->
-
 <span id="about"></span>
-Your <b>feedback will shape</b> Remarkbox!
+
+Space is <b>limited</b> but if you are selected<br/> your <b>feedback will shape</b> Remarkbox!
     </div>
 
     <div class="three columns">&nbsp;</div>