diff --git a/view/template/page/home2.php b/view/template/page/home2.php
index a21d594e..6956e751 100644
--- a/view/template/page/home2.php
+++ b/view/template/page/home2.php
@@ -2,34 +2,29 @@
 <?php Response::setMetaTitle(__('title.home')) ?>
 <?php Response::setMetaDescription(__('description.home')) ?>
 <?php echo View::render('nav/_header', ['isDark' => false, 'isBordered' => false]) ?>
-<main class="column-fluid">
-  <div class="span12">
-    <div class="cover cover-light cover-center" style="background-color: white">
-      <div class="content content-wide content-light" style="max-width: 800px">
-        <div class="spacer2">
-          <h1 class="cover-title cover-title-flat text-center">Content Freedom.</h1>
-          <h2 class="cover-subtitle cover-title-flat">Watch, read or play what you choose. Earn full value for what you create.</h2>
-          <h3 class="cover-subtitle cover-title-flat">You own your data. You control the network. Indeed, you <em>are</em> the network.</h3>
-          <h3 class="cover-subtitle cover-title-flat">Hollywood films, college lessons, amazing streamers and more are on the first media platform ruled by <em>you</em>.</h3>
-        </div>
-        <div class="control-group spacer2 text-center">
-          <div class="control-item">
-            <a href="/get" class="btn-primary btn-large">Early Access</a>
-          </div>
-          <div class="control-item">
-            <a href="/learn" class="btn-link btn-large">{{global.learn}}</a>
-          </div>
-        </div>
+<main class="column-fluid column-fluid--home">
+  <div class="span6">
+    <div class="cover cover-light cover-center content content-light">
+      <div class="spacer1"  style="max-width: 800px">
+        <h1 class="cover-title cover-title-flat text-center">Content Freedom</h1>
+        <h2 class="cover-subtitle cover-title-flat">LBRY is a free, open, and community-run digital marketplace.</h2>
+        <h3 class="cover-subtitle cover-title-flat">You own your data. You control the network. Indeed, you <em>are</em> the network.</h3>
+        <h3 class="cover-subtitle cover-title-flat">Hollywood films, college lessons, amazing streamers and more are on the first media network ruled by <em>you</em>.</h3>
       </div>
-      <div class="cover-special-message text-center">
-        <p>GitHub user? <a href="/quickstart" class="link-primary">Try our API immediately.</a></p>
-        <p>Early access begins April 2017.</p>
+      <div class="spacer2 text-center">
+        <a href="/get" class="btn-primary btn-large">Early Access</a>
+        <a href="/learn" class="btn-link btn-large">{{global.learn}}</a>
       </div>
-      <div class="video" style="margin: 48px 0">
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/DjouYBEkQPY" frameborder="0" allowfullscreen></iframe>
+      <div class="cover-special-message spacer1 text-center">
+        <p>Want a super early version and willing to suffer?<br/>
+          <a href="https://slack.lbry.io" class="link-primary">Join our Slack</a>.</p>
       </div>
     </div>
   </div>
+  <div class="span6" style="max-height: calc(100vh - 78px)">
+    <div  class="cover cover-center">
+      <img style="box-shadow: 0 0 10px rgba(0,0,0,0.8); max-height: calc(100vh - 126px)" src="/img/lbry-ui.png" />
+    </div>
   </div>
 </main>
 <?php echo View::render('nav/_footer', ['isDark' => false, 'isBordered' => false]) ?>
diff --git a/web/img/lbry-ui.png b/web/img/lbry-ui.png
index ec71765c..745d1d7a 100644
Binary files a/web/img/lbry-ui.png and b/web/img/lbry-ui.png differ
diff --git a/web/scss/_basic.scss b/web/scss/_basic.scss
index 0a5cb601..4442db1d 100644
--- a/web/scss/_basic.scss
+++ b/web/scss/_basic.scss
@@ -31,6 +31,20 @@ body
   background-attachment: fixed;
   @include background-size(cover);
 }
+.bg-image-tile
+{
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  height: 100vh;
+  width: 100vw;
+  z-index: -1;
+  background: #fff;
+  background-repeat: repeat;
+  background-position: top left;
+}
 iframe, img { max-width: 100%; }
 iframe { margin: 0 auto; display: block; }
 
diff --git a/web/scss/_content.scss b/web/scss/_content.scss
index 26e2bcb4..935aa262 100644
--- a/web/scss/_content.scss
+++ b/web/scss/_content.scss
@@ -12,10 +12,6 @@
   {
     max-width: none;
   }
-  &.content-wide
-  {
-    max-width: 1400px;
-  }
   &.content-tile
   {
     max-width: $max-text-width;
diff --git a/web/scss/_cover.scss b/web/scss/_cover.scss
index 25e3b77d..3123ad91 100644
--- a/web/scss/_cover.scss
+++ b/web/scss/_cover.scss
@@ -20,21 +20,25 @@
   font-size: 1.2em;
   background-position: center;
 }
-@media (max-width: $mobile-width-threshold) {
+@media (max-width: 1199px) {
   .cover { padding: $spacing-vertical $spacing-vertical * 2 / 3; }
-  .cover-title { font-size: 2.8em; margin-bottom: $spacing-vertical; }
+  .cover-title { font-size: 2.6em; margin-bottom: $spacing-vertical; }
   .cover-subtitle { font-size: 1.2em; }
 }
-@media (min-width: $mobile-width-threshold) {
+@media (min-width: 1200px) and (max-width: 1599px) {
+  .cover-title { font-size: 3.2em; &.cover-title-tile { font-size: 2.4em; max-width: 660px; margin-left: auto; margin-right: auto; } }
+  .cover-subtitle { font-size: 1.4em; }
+}
+@media (min-width: 1600px) {
   .cover-title { font-size: 4.0em; &.cover-title-tile { font-size: 2.8em; max-width: 660px; margin-left: auto; margin-right: auto; } }
   .cover-subtitle { font-size: 1.4em; }
 }
 @media (max-width: $max-content-width) and (min-width: $mobile-width-threshold) {
-  .cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 2; }
+  .cover { padding: $spacing-vertical $spacing-vertical * 1.5; }
   .cover-column { padding-left: $spacing-vertical * 0.5; padding-right: $spacing-vertical * 0.5; }
 }
 @media (min-width: $max-content-width) {
-  .cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 3; }
+  .cover { padding: $spacing-vertical $spacing-vertical * 2; }
   .cover-column { padding-left: $spacing-vertical * 1.5; padding-right: $spacing-vertical * 1.5; }
 }
 
diff --git a/web/scss/_grid.scss b/web/scss/_grid.scss
index a3315b53..12b749e5 100644
--- a/web/scss/_grid.scss
+++ b/web/scss/_grid.scss
@@ -102,4 +102,13 @@ $gutter_fluid: 4;
       margin-bottom: $spacing-vertical;
     }
   }
+}
+
+@media(max-width: 1199px) {
+  .column-fluid--home [class*="span"] {
+    float: none !important;
+    width: 100% !important;
+    margin-left: 0 !important;
+    display: block !important;
+  }
 }
\ No newline at end of file