diff --git a/public/site/2015-05/_includes/footer.html b/public/site/2015-05/_includes/footer.html
index 4a5195fd..1c317add 100644
--- a/public/site/2015-05/_includes/footer.html
+++ b/public/site/2015-05/_includes/footer.html
@@ -2,5 +2,5 @@
 
 </footer>
 
-<script src="/js/rellax.min.js"></script>
-<script>window.rellax = new Rellax('.rellax');</script>
+<script src="/js/jquery.paroller.min.js"></script>
+<script>$("body").paroller();</script>
diff --git a/public/site/2015-05/_includes/head.html b/public/site/2015-05/_includes/head.html
index 1598d6fe..c4abe827 100644
--- a/public/site/2015-05/_includes/head.html
+++ b/public/site/2015-05/_includes/head.html
@@ -9,4 +9,7 @@
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+
+  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+  <script src="/js/main.js"></script>
 </head>
diff --git a/public/site/2015-05/_includes/header.html b/public/site/2015-05/_includes/header.html
index 4fc882a8..03b4109f 100644
--- a/public/site/2015-05/_includes/header.html
+++ b/public/site/2015-05/_includes/header.html
@@ -1,13 +1,22 @@
 <header>
+    <!--div class="hero">
+        <img class="ios" src="/img/hero_ios.jpg" />
+        <img class="android" src="/img/hero_android.jpg" />
+        <img class="mac" src="/img/hero_mac.jpg" />
+        <img class="desktop" src="/img/hero_desktop.jpg" />
+        <img class="cli" src="/img/hero_cli.jpg" />
+        <img class="web" src="/img/hero_web.jpg" />
+    </div-->
+
     <nav>
         <a href="/">Master Password</a>
         <div class="flex-auto">
-            <a href="https://itunes.apple.com/app/id510296984">iOS.<img class="popup" src="img/ios.png" /></a>
-            <a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk">Android.<img class="popup" src="img/android.png" /></a>
-            <a href="https://ssl.masterpasswordapp.com/masterpassword-mac.zip">Mac.<img class="popup border" src="img/mac-gui.png" /></a>
-            <a href="https://ssl.masterpasswordapp.com/masterpassword-gui.jar">Desktop.<img class="popup" src="img/java-gui.png" /></a>
-            <a href="https://ssl.masterpasswordapp.com/masterpassword-cli.tar.gz">Terminal.<img class="popup" src="img/c-cli.png" /></a>
-            <a href="https://js.masterpasswordapp.com/">Web.<img class="popup border" src="img/web.png" /></a>
+            <a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.<img class="popup" src="img/ios.png" /></a>
+            <a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.<img class="popup" src="img/android.png" /></a>
+            <a href="https://ssl.masterpasswordapp.com/masterpassword-mac.zip" data-hero="mac">Mac.<img class="popup border" src="img/mac-gui.png" /></a>
+            <a href="https://ssl.masterpasswordapp.com/masterpassword-gui.jar" data-hero="desktop">Desktop.<img class="popup" src="img/java-gui.png" /></a>
+            <a href="https://ssl.masterpasswordapp.com/masterpassword-cli.tar.gz" data-hero="cli">Terminal.<img class="popup" src="img/c-cli.png" /></a>
+            <a href="https://js.masterpasswordapp.com/">Web.<img class="popup border" src="img/web.png" data-hero="web" /></a>
         </div>
         <a href="http://help.masterpasswordapp.com">Support</a>
     </nav>
@@ -15,8 +24,8 @@
     <div class="flex-auto"></div>
 
     <nav>
-        <a href="/" class="active">Why</a>
-        <a href="how.html">How</a>
-        <a href="what.html">What</a>
+        <a href="/"{% if page.nav == "why" %} class="active"{% endif %}>Why</a>
+        <a href="how.html"{% if page.nav == "how" %} class="active"{% endif %}>How</a>
+        <a href="what.html"{% if page.nav == "what" %} class="active"{% endif %}>What</a>
     </nav>
 </header>
diff --git a/public/site/2015-05/_layouts/default.html b/public/site/2015-05/_layouts/default.html
index b066ddc3..27412535 100644
--- a/public/site/2015-05/_layouts/default.html
+++ b/public/site/2015-05/_layouts/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html class="{{ page.nav }}">
 
   {% include head.html %}
 
diff --git a/public/site/2015-05/_sass/_layout.scss b/public/site/2015-05/_sass/_layout.scss
index d4737b16..de4e3b3f 100644
--- a/public/site/2015-05/_sass/_layout.scss
+++ b/public/site/2015-05/_sass/_layout.scss
@@ -67,18 +67,54 @@ header, section {
     width:                  100%;
     min-height:             90%;
 }
-
 header {
     display:                flex;
+    position:               relative;
     overflow:               hidden;
 
-    background:             url('../img/shot-laptop-just-iphone.jpg') center top;
-    background-size:        cover;
-
     flex-direction:         column;
     justify-content:        stretch;
     align-items:            stretch;
 
+    &::before, &::after {
+        position:           absolute;
+    background-size:        cover !important;
+    opacity: 0;
+    transition: 0.3s opacity;
+        z-index: -1;
+        width: 100%;
+        height: 100%;
+        content: " ";
+    }
+    &::after {
+        z-index: -2;
+    background:             url('../img/hero_ios.jpg') center top;
+    opacity: 1;
+    }
+    &.hero_ios::before {
+        background:   url('../img/hero_ios.jpg') center top;
+    opacity: 1;
+    }
+    &.hero_android::before {
+        background:   url('../img/hero_android.jpg') center center;
+    opacity: 1;
+    }
+    &.hero_mac::before {
+        background:   url('../img/hero_mac.jpg') center center;
+    opacity: 1;
+    }
+    &.hero_desktop::before {
+        background:   url('../img/hero_desktop.jpg') center bottom;
+    opacity: 1;
+    }
+    &.hero_cli::before {
+        background:   url('../img/hero_cli.jpg') center center;
+    opacity: 1;
+    }
+    &.hero_web::before {
+        background:   url('../img/hero_web.jpg') center center;
+    opacity: 1;
+    }
     h1 {
         height:             1em;
 
diff --git a/public/site/2015-05/how.html b/public/site/2015-05/how.html
index f2bed267..594729c9 100644
--- a/public/site/2015-05/how.html
+++ b/public/site/2015-05/how.html
@@ -1,5 +1,6 @@
 ---
 layout: default
+nav: how
 ---
 
 <section id="how">
diff --git a/public/site/2015-05/img/laptop-iphone.jpg b/public/site/2015-05/img/laptop-iphone.jpg
deleted file mode 100644
index c54773f5..00000000
Binary files a/public/site/2015-05/img/laptop-iphone.jpg and /dev/null differ
diff --git a/public/site/2015-05/index.html b/public/site/2015-05/index.html
index 91b1e3ab..3c303453 100644
--- a/public/site/2015-05/index.html
+++ b/public/site/2015-05/index.html
@@ -1,5 +1,6 @@
 ---
 layout: default
+nav: why
 ---
 
 <section id="intro">