diff --git a/src/main.scss b/src/main.scss
index 779b6c3..cd609d8 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -7,7 +7,7 @@
 @import '../node_modules/bulmaswatch/flatly/overrides';
 
 .homepage-hero{
-  height: 100vh;
+  padding-bottom: 100px;
   min-height: 700px;
   overflow: hidden;
 
@@ -34,7 +34,7 @@
     height: 36px;
     vertical-align: middle;
     padding-right: 5px;
-    fill: #fff;
+    fill: #333;
   }
 
   a{
@@ -206,10 +206,19 @@ code {
   color: #fff;
 }
 
-.hero.is-primary {
+.button.is-light {
   background-color: #f4f4f4;
 }
 
+.hero.is-primary .navbar {
+  background-color: #f4f4f4;
+  color: #333;
+}
+
+.hero.is-primary {
+  background-color: white;
+}
+
 .hero.is-primary .title {
   color: #333;
 }
@@ -219,9 +228,30 @@ code {
 }
 
 .hero.is-link {
+  background-color: #f4f4f4;
+  color: #333;
+}
+
+.hero.is-link .subtitle {
   color: #333;
 }
 
 .feature-shoutout a {
-  color: black !important;
+  color: #528321 !important;
+}
+
+.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active {
+  background-color: #e5eaec;
+}
+
+.hero-body {
+  padding: 2rem 1rem;
+}
+
+.homepage-hero .hero-foot img {
+  max-width: 100vw;
+  width: 1000px;
+  border: 1px solid black;
+  display: block;
+  margin: 0 auto;
 }
diff --git a/static/images/screenshot.png b/static/images/screenshot.png
index 8c9974c..4e0350b 100644
Binary files a/static/images/screenshot.png and b/static/images/screenshot.png differ