diff --git a/_includes/scripts.html b/_includes/scripts.html
index 8096a14..94c87ab 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -3,4 +3,4 @@
 <script src="{{'/assets/javascript/popper.min.js' | prepend: site.baseurl}}"></script>
 <script src="{{'/assets/javascript/bootstrap.min.js' | prepend: site.baseurl}}"></script>
 <!-- <script src="{{'/assets/javascript/run_prettify.js' | prepend: site.baseurl}}"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="{{'/assets/javascript/index.js' | prepend: site.baseurl}}"></script>
diff --git a/_site/404.html b/_site/404.html
index 074ac58..bb99807 100644
--- a/_site/404.html
+++ b/_site/404.html
@@ -67,7 +67,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
   </body>
 </html>
diff --git a/_site/assets/styles/components.scss b/_site/assets/styles/components.scss
index dc12f5a..a12472c 100644
--- a/_site/assets/styles/components.scss
+++ b/_site/assets/styles/components.scss
@@ -44,7 +44,7 @@
 }
 
 .rb-code {
-  font-family: 'Source Code', monospace !important;
+  font-family: 'Source Code Pro', monospace !important;
 }
 
 .rb-isBold {
diff --git a/_site/assets/styles/layout.scss b/_site/assets/styles/layout.scss
index 2751629..c863db5 100644
--- a/_site/assets/styles/layout.scss
+++ b/_site/assets/styles/layout.scss
@@ -24,14 +24,9 @@
     background-color: transparent;
     border: 0;
     border-radius: 0 !important;
-    font-size: 0.95rem;
-    // border-color: $oc-gray-4;
-  }
-
-  & .list-group-item{
-    border-radius: 0 !important;
-    font-weight: normal !important;
-    padding-left: 0.95rem !important;
+    font-size: 1.1rem;
+     font-weight: 600 !important;
+    padding-left: 1.1rem !important;
     // border-color: $oc-gray-4;
   }
 }
@@ -39,7 +34,7 @@
 .rb-sidebar__2 {
 	
 	& .list-group-item {
-		color: $oc-gray-2 !important;
+		color: $oc-white !important;
 	}
 }
 .sidebar-wrapper {
@@ -72,8 +67,8 @@
 }
 
 .rb-sidebar__2 .active {
-	box-shadow: inset 5px 0 $primary;
-	color: $oc-gray-2 !important;
+	box-shadow: inset 5px 0 $oc-white;
+	color: $oc-white !important;
 }
 
 .rp-navbar__top {
@@ -104,7 +99,7 @@
 }
 
 .rb-sidebar__2 {
-  background-color: $oc-white;
+  background-color: $oc-gray-1;
 }
 
 .rb-contain {
@@ -156,7 +151,7 @@
 
 .rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover {
   // background-color: $oc-gray-1 !important;
-	box-shadow: inset 5px 0 $primary;
+	box-shadow: inset 5px 0 $oc-white;
 }
 .sidebar .list-group-item {
   width: 74.6%;
diff --git a/_site/assets/styles/main.css b/_site/assets/styles/main.css
index 4b26c0a..112f705 100644
--- a/_site/assets/styles/main.css
+++ b/_site/assets/styles/main.css
@@ -4,10 +4,9 @@
 
 .sidebar { min-height: 100vh; height: 100%; width: 100%; }
 .sidebar .list-group { position: fixed; }
-.sidebar .list-group-item { background-color: transparent; border: 0; border-radius: 0 !important; font-size: 0.95rem; }
-.sidebar .list-group-item { border-radius: 0 !important; font-weight: normal !important; padding-left: 0.95rem !important; }
+.sidebar .list-group-item { background-color: transparent; border: 0; border-radius: 0 !important; font-size: 1.1rem; font-weight: 600 !important; padding-left: 1.1rem !important; }
 
-.rb-sidebar__2 .list-group-item { color: #181818 !important; }
+.rb-sidebar__2 .list-group-item { color: #ffffff !important; }
 
 .sidebar-wrapper { background-color: #adb5bd; }
 
@@ -18,7 +17,7 @@
 .active { background-color: transparent !important; box-shadow: inset 5px 0 #ffffff; color: #60AB60 !important; font-weight: bold; }
 .active * { color: #ffffff !important; }
 
-.rb-sidebar__2 .active { box-shadow: inset 5px 0 #4661A9; color: #181818 !important; }
+.rb-sidebar__2 .active { box-shadow: inset 5px 0 #ffffff; color: #ffffff !important; }
 
 .rp-navbar__top { background-color: #ffffff; }
 
@@ -31,7 +30,7 @@
 
 .rb-sidebar__1 { background-color: #4661A9; }
 
-.rb-sidebar__2 { background-color: #ffffff; }
+.rb-sidebar__2 { background-color: #adb5bd; }
 
 .rb-contain { width: 100%; height: auto; max-height: 100%; }
 
@@ -52,7 +51,7 @@
 
 .list-group-item:focus, .list-group-item:hover { box-shadow: inset 5px 0 #ffffff; }
 
-.rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { box-shadow: inset 5px 0 #4661A9; }
+.rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { box-shadow: inset 5px 0 #ffffff; }
 
 .sidebar .list-group-item { width: 74.6%; }
 
@@ -101,7 +100,7 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
 
 .color-gray-2 { color: #adb5bd; }
 
-.rb-code { font-family: 'Source Code', monospace !important; }
+.rb-code { font-family: 'Source Code Pro', monospace !important; }
 
 .rb-isBold { font-weight: bold; }
 
@@ -157,6 +156,6 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
 @media (max-width: 992px) { .display-md { display: none !important; } }
 .display-md { display: unset; }
 
-body { font-family: "Source Sans", sans-serif !important; }
+body { font-family: "Source Sans Pro", sans-serif !important; font-size: 1.2rem; }
 
 a { text-decoration: none !important; }
diff --git a/_site/assets/styles/vars.scss b/_site/assets/styles/vars.scss
index ae65fab..cf6ca1e 100644
--- a/_site/assets/styles/vars.scss
+++ b/_site/assets/styles/vars.scss
@@ -2,7 +2,7 @@ $primary: #4661A9;
 $secondary: #60AB60;
 $warning: #FFC434;
 $danger: #E15647;
-$font: 'Source Sans', sans-serif !important;
+$font: 'Source Sans Pro', sans-serif !important;
 
 // Open color
 //
diff --git a/_site/components/index.html b/_site/components/index.html
index a402aa3..aa48fd9 100644
--- a/_site/components/index.html
+++ b/_site/components/index.html
@@ -399,7 +399,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
 </body>
 </html>
diff --git a/_site/copywriting/index.html b/_site/copywriting/index.html
index d274233..995c4e8 100644
--- a/_site/copywriting/index.html
+++ b/_site/copywriting/index.html
@@ -218,7 +218,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
 </body>
 </html>
diff --git a/_site/feed.xml b/_site/feed.xml
index d66fe9e..0d5addf 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.7.3">Jekyll</generator><link href="https://uracreative.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://uracreative.github.io/" rel="alternate" type="text/html" /><updated>2018-07-30T15:03:27-03:00</updated><id>https://uracreative.github.io/</id><title type="html">I2P Styleguide</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Reproducible Builds Styleguide</title><link href="https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Reproducible Builds Styleguide" /><published>2018-05-06T07:24:53-03:00</published><updated>2018-05-06T07:24:53-03:00</updated><id>https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll</id><content type="html" xml:base="https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.7.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2018-07-30T15:30:31-03:00</updated><id>http://localhost:4000/</id><title type="html">I2P Styleguide</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Reproducible Builds Styleguide</title><link href="http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Reproducible Builds Styleguide" /><published>2018-05-06T07:24:53-03:00</published><updated>2018-05-06T07:24:53-03:00</updated><id>http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
 
 &lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;
 
diff --git a/_site/getting-started/index.html b/_site/getting-started/index.html
index 70a52d3..b6d639c 100644
--- a/_site/getting-started/index.html
+++ b/_site/getting-started/index.html
@@ -154,7 +154,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
 </body>
 </html>
diff --git a/_site/index.html b/_site/index.html
index 9465eb1..138f6af 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -155,7 +155,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
 
 </body>
diff --git a/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html b/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html
index 10715fe..b248775 100644
--- a/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html
+++ b/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html
@@ -74,7 +74,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
   </body>
 </html>
diff --git a/_site/visuals/index.html b/_site/visuals/index.html
index 0ea6866..b8f0bf3 100644
--- a/_site/visuals/index.html
+++ b/_site/visuals/index.html
@@ -490,7 +490,7 @@
 <script src="/assets/javascript/popper.min.js"></script>
 <script src="/assets/javascript/bootstrap.min.js"></script>
 <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
-<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script>
+<script type="text/javascript" src="/assets/javascript/index.js"></script>
 
       </div>
     </div>
diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index dc12f5a..a12472c 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -44,7 +44,7 @@
 }
 
 .rb-code {
-  font-family: 'Source Code', monospace !important;
+  font-family: 'Source Code Pro', monospace !important;
 }
 
 .rb-isBold {
diff --git a/assets/styles/layout.scss b/assets/styles/layout.scss
index 2751629..c863db5 100644
--- a/assets/styles/layout.scss
+++ b/assets/styles/layout.scss
@@ -24,14 +24,9 @@
     background-color: transparent;
     border: 0;
     border-radius: 0 !important;
-    font-size: 0.95rem;
-    // border-color: $oc-gray-4;
-  }
-
-  & .list-group-item{
-    border-radius: 0 !important;
-    font-weight: normal !important;
-    padding-left: 0.95rem !important;
+    font-size: 1.1rem;
+     font-weight: 600 !important;
+    padding-left: 1.1rem !important;
     // border-color: $oc-gray-4;
   }
 }
@@ -39,7 +34,7 @@
 .rb-sidebar__2 {
 	
 	& .list-group-item {
-		color: $oc-gray-2 !important;
+		color: $oc-white !important;
 	}
 }
 .sidebar-wrapper {
@@ -72,8 +67,8 @@
 }
 
 .rb-sidebar__2 .active {
-	box-shadow: inset 5px 0 $primary;
-	color: $oc-gray-2 !important;
+	box-shadow: inset 5px 0 $oc-white;
+	color: $oc-white !important;
 }
 
 .rp-navbar__top {
@@ -104,7 +99,7 @@
 }
 
 .rb-sidebar__2 {
-  background-color: $oc-white;
+  background-color: $oc-gray-1;
 }
 
 .rb-contain {
@@ -156,7 +151,7 @@
 
 .rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover {
   // background-color: $oc-gray-1 !important;
-	box-shadow: inset 5px 0 $primary;
+	box-shadow: inset 5px 0 $oc-white;
 }
 .sidebar .list-group-item {
   width: 74.6%;
diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 2259fc6..6b04ae1 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -11,6 +11,7 @@
 
 body {
   font-family: $font;
+	font-size: 1.2rem;
 }
 
 a {
diff --git a/assets/styles/vars.scss b/assets/styles/vars.scss
index ae65fab..cf6ca1e 100644
--- a/assets/styles/vars.scss
+++ b/assets/styles/vars.scss
@@ -2,7 +2,7 @@ $primary: #4661A9;
 $secondary: #60AB60;
 $warning: #FFC434;
 $danger: #E15647;
-$font: 'Source Sans', sans-serif !important;
+$font: 'Source Sans Pro', sans-serif !important;
 
 // Open color
 //