diff --git a/custom-modern-open-source.hbs b/custom-modern-open-source.hbs
new file mode 100644
index 0000000..2ac0dff
--- /dev/null
+++ b/custom-modern-open-source.hbs
@@ -0,0 +1,97 @@
+{{!< default}} 
+{{#post}}
+  <div id="modern">
+    <div class="{{post_class}}">
+      <h1>{{title}}</h1>
+      <div class="two-up">{{content}}</div>
+    </div>
+
+    <div class="{{post_class}} program-news">
+      {{#get "pages" filter="slug:program-news"}}
+        {{#foreach pages}}
+          <h2>Program News</h2>
+          <ul>
+            {{#get "posts" order="desc, title asc" filter="tag:[news]"}}
+              {{#foreach posts limit="3"}}
+                <li>{{#link href=(url)}}{{title}}{{/link}}</li>
+              {{/foreach}}
+            {{/get}}
+          </ul>
+        </div>
+      {{/foreach}}
+    {{/get}}
+
+    <div class="{{post_class}} mission-and-vision">
+      {{#get "pages" filter="tag:[hash-oss-our-vision, hash-oss-our-mission]"}}
+        {{#foreach pages}}
+          <div class="column">
+            <h3>{{title}}</h3>
+            {{{html}}}
+          </div>
+        {{/foreach}}
+      {{/get}}
+    </div>
+
+    <div class="{{post_class}} projects">
+      <h2>Projects</h2>
+      <h3>Learn more about our current and past efforts</h3>
+      <div class="projects-list">
+        {{#get "pages" order="featured desc, title asc" filter="tag:[hash-oss-project]"}}
+          {{#foreach pages}}
+          <div class="{{post_class}} project">
+              <h3>{{title}}</h1>
+              {{{html}}}
+          </div>
+          {{/foreach}}
+        {{/get}}
+      </div>
+      <div class="contribute">
+        {{#get "pages" filter="tag:[hash-oss-contribute]"}}
+        {{#foreach pages}}
+        {{#if feature_image}}
+        <img src="{{feature_image}}" alt="{{title}}" class="feature-image">
+        {{/if}}
+        <h3>{{title}}</h1>
+        <div>{{content}}</div>
+        {{/foreach}}
+        {{/get}}
+      </div>
+    </div>
+
+    <div class="post" aria-labelledby="team-heading">
+      <h2 id="team-heading">Team</h2>
+      <h3>Meet the people behind our program</h3>
+      <div class="grid">
+        {{#get "pages" order="featured desc, title asc" filter="tags:hash-oss-team" limit="all" include="feature_image"}}
+          {{#foreach pages}}
+            <figure>
+              {{#if feature_image}}
+                <img src="{{feature_image}}" alt="{{title}}" class="feature-image team-photo">
+              {{/if}}
+              <figcaption class="team-info">
+                <p class="team-name">{{title}}</p>
+                {{content}}
+              </figcaption>
+            </figure>
+          {{/foreach}}
+        {{/get}}
+      </div>
+    </div>
+      <div class="{{post_class}} program-support">
+        {{#get "pages" filter="tag:[hash-oss-program-support]"}}
+        {{#foreach pages}}
+        <h2>{{title}}</h2>
+        {{{content}}}
+        <span>Program-Specific Funding</span>
+        <span>Donated Services</span>
+        <span>Memberships</span>
+        <span>Corporate Sponsorships</span>
+      </div>
+      {{/foreach}}
+      {{/get}}
+      </div>
+  </div>
+{{/post}}
+{{#contentFor 'scripts'}}
+<script src="{{asset 'dist/post.js'}}" defer></script>
+{{/contentFor}}
\ No newline at end of file
diff --git a/custom-modern.hbs b/custom-modern.hbs
new file mode 100644
index 0000000..d3e2b29
--- /dev/null
+++ b/custom-modern.hbs
@@ -0,0 +1,15 @@
+{{!< default}}
+{{#post}}
+<div id="modern">
+  <div class="{{post_class}}">
+    <h1>{{title}}</h1>
+      <aside class="gh-sidebar">
+        <div class="gh-toc"></div>
+      </aside>
+      <div class="post-content">{{content}}</div>
+    </div>
+</div>
+{{/post}}
+{{#contentFor 'scripts'}}
+<script src="{{asset 'dist/post.js'}}" defer></script>
+{{/contentFor}}
diff --git a/custom-oss.hbs b/custom-oss.hbs
deleted file mode 100644
index c5ca314..0000000
--- a/custom-oss.hbs
+++ /dev/null
@@ -1,94 +0,0 @@
-{{!< default}} 
-<div id="open-source">
-  {{#post}} 
-    <div class="{{post_class}}">
-      <h1 class="title">{{title}}</h1>
-      <div class="two-up">{{content}}</div>
-    </div>
-  {{/post}}
-
-  <div class="{{post_class}} program-news">
-    {{#get "pages" filter="slug:program-news"}}
-      {{#foreach pages}}
-        <h1 class="call-to-action header">Program News</h1>
-        <ul>
-          {{#get "posts" order="desc, title asc" filter="tag:[news]"}}
-            {{#foreach posts limit="3"}}
-              <li>{{#link href=(url)}}{{title}}{{/link}}</li>
-            {{/foreach}}
-          {{/get}}
-        </ul>
-      </div>
-    {{/foreach}}
-  {{/get}}
-
-  <div class="{{post_class}} mission-and-vision">
-    {{#get "pages" filter="tag:[hash-oss-our-vision, hash-oss-our-mission]"}}
-      {{#foreach pages}}
-        <div class="column">
-          <h1>{{title}}</h1>
-          {{{html}}}
-        </div>
-      {{/foreach}}
-    {{/get}}
-  </div>
-
-  <div class="{{post_class}} projects">
-    <h1 class="title">Projects</h1>
-    <h2>Learn more about our current and past efforts</h2>
-    <div class="projects-list">
-      {{#get "pages" order="featured desc, title asc" filter="tag:[hash-oss-project]"}}
-        {{#foreach pages}}
-        <div class="{{post_class}} project">
-            <h1>{{title}}</h1>
-            {{{html}}}
-        </div>
-        {{/foreach}}
-      {{/get}}
-    </div>
-    <div class="contribute">
-      {{#get "pages" filter="tag:[hash-oss-contribute]"}}
-      {{#foreach pages}}
-      {{#if feature_image}}
-      <img src="{{feature_image}}" alt="{{title}}" class="feature-image">
-      {{/if}}
-      <h1 class="call-to-action header">{{title}}</h1>
-      <div>{{content}}</div>
-      {{/foreach}}
-      {{/get}}
-    </div>
-  </div>
-
-  <div class="post" aria-labelledby="team-heading">
-    <h1 id="team-heading" class="title">Team</h1>
-    <h2>Meet the people behind our program</h2>
-    <div class="grid">
-      {{#get "pages" order="featured desc, title asc" filter="tags:hash-oss-team" limit="all" include="feature_image"}}
-        {{#foreach pages}}
-          <figure>
-            {{#if feature_image}}
-              <img src="{{feature_image}}" alt="{{title}}" class="feature-image team-photo">
-            {{/if}}
-            <figcaption class="team-info">
-              <p class="team-name">{{title}}</p>
-              {{content}}
-            </figcaption>
-          </figure>
-        {{/foreach}}
-      {{/get}}
-    </div>
-  </div>
-    <div class="{{post_class}} program-support">
-      {{#get "pages" filter="tag:[hash-oss-program-support]"}}
-      {{#foreach pages}}
-      <h1 class="title">{{title}}</h1>
-      {{{content}}}
-      <span>Program-Specific Funding</span>
-      <span>Donated Services</span>
-      <span>Memberships</span>
-      <span>Corporate Sponsorships</span>
-    </div>
-    {{/foreach}}
-    {{/get}}
-    </div>
-</div>
diff --git a/package.json b/package.json
index c2febe7..e2f2907 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rubycentral-theme",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A Ghost theme for Ruby Central",
   "engines": {
     "ghost": ">=4.0.0"
diff --git a/src/css/app.css b/src/css/app.css
index 1b6123a..08eeac5 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -19,7 +19,7 @@
 /* @import './pages/content.css'; */
 
 @import './rubycentral.css';
-@import './open-source.css';
+@import './modern.css';
 
 /* Vendor */
 @import './vendors/ghost.css';
diff --git a/src/css/layout/navigation.css b/src/css/layout/navigation.css
index e113c9f..7780faa 100644
--- a/src/css/layout/navigation.css
+++ b/src/css/layout/navigation.css
@@ -12,14 +12,18 @@ footer ul {
   font-size: var(--small);
 }
 
-nav, nav ul {
+nav,
+nav ul {
   display: flex;
   width: 100%;
+  align-items: center;
+  max-width: 1024px;
   justify-content: space-between;
+  margin: 0 auto;
 }
 
 nav .logo-circle {
-  transition: transform .25s ease-in-out;
+  transition: transform 0.25s ease-in-out;
   flex-shrink: 0;
   width: 30px;
   height: 30px;
@@ -28,18 +32,14 @@ nav .logo-circle {
   margin: 10px 0 0 0;
   border-radius: 30px;
   box-shadow: 0 9px 18px rgba(129, 0, 0, 0.3), 0 2px 5px rgba(137, 0, 0, 0.2);
-  background: no-repeat center 6px / 80% url(/assets/images/gem-logo.svg), linear-gradient(to top, #DF3434 0%, #FB5E55 100%);
+  background: no-repeat center 6px / 80% url(/assets/images/gem-logo.svg),
+    linear-gradient(to top, #df3434 0%, #fb5e55 100%);
 }
 
 nav .logo-circle {
   transform: scale(1.05);
 }
 
-nav > ul > li:last-child {
-  margin-left: auto;
-  margin-right: 1.5rem;
-}
-
 footer {
   padding: 130px 0;
   text-align: center;
@@ -60,7 +60,7 @@ nav > ul > li:last-child > a {
 }
 
 nav li.subitem {
-    text-align: center;
+  text-align: center;
 }
 
 footer ul.nav a {
@@ -68,7 +68,7 @@ footer ul.nav a {
 }
 footer .nav .nav-contact-us > a > span {
   background-attachment: local;
-  background-image: url("/assets/images/contact-icon.svg");
+  background-image: url('/assets/images/contact-icon.svg');
   background-clip: padding-box;
   background-origin: padding-box;
   background-repeat: no-repeat;
@@ -133,19 +133,19 @@ nav .menu-icon.close {
     margin: 4.5rem 0px;
     z-index: 2;
     background: #fff;
-    border: 2px solid #F4EEE6;
+    border: 2px solid #f4eee6;
     border-top: none;
     border-radius: 0 0 0 20px;
-    transition: right .4s ease-in-out;
+    transition: right 0.4s ease-in-out;
     box-shadow: -4px 4px 5px rgba(253, 204, 204, 0.3);
   }
 
   nav ul:before {
-    content: "";
+    content: '';
     position: absolute;
     left: -203%;
     top: 0;
-    border: 2px solid #F4EEE6;
+    border: 2px solid #f4eee6;
     border-left: none;
     border-bottom: none;
     border-radius: 0 20px 0 0;
@@ -174,7 +174,7 @@ nav .menu-icon.close {
   }
 
   nav ul {
-    width: 50%
+    width: 50%;
   }
 
   nav ul::before {
diff --git a/src/css/open-source.css b/src/css/modern.css
similarity index 72%
rename from src/css/open-source.css
rename to src/css/modern.css
index 09321e8..e186b3d 100644
--- a/src/css/open-source.css
+++ b/src/css/modern.css
@@ -1,13 +1,11 @@
-#open-source {
+#modern {
     .post {
         padding: 2.5rem;
         padding-top: 0;
     }
 
-    p,
-    ul {
-        line-height: 1.4rem;
-        font-size: 16px;
+    h1 {
+        text-transform: uppercase;
     }
     h1,
     h2,
@@ -15,12 +13,31 @@
         font-family: Rubik;
         margin-bottom: 1rem;
         column-span: all !important;
+        > a {
+            text-decoration: none;
+        }
     }
-    h1 {
-        font-size: 26px;
-        text-transform: capitalize;
-    }
+    h1,
     h2 {
+        font-weight: bold;
+        position: relative;
+        padding-bottom: 0.75rem;
+
+        &::after {
+            content: '';
+            position: absolute;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            height: 3px;
+            background-color: var(--yellow);
+            width: 70px;
+        }
+    }
+    h3 {
+        font-size: 18px !important;
+    }
+    h6 {
         font-size: 18px;
         font-family: 'Inter var', sans-serif;
         font-weight: 300;
@@ -30,60 +47,29 @@
         h1 {
             font-size: 42px;
         }
-        h1.title {
-            font-size: 50px;
-        }
         h2 {
-            font-size: 26px;
+            font-size: 32px;
+        }
+        h3 {
+            font-size: 26px !important;
         }
     }
     @media (min-width: 1350px) {
-        h1.title {
+        h1 {
             font-size: 72px;
         }
         h2 {
-            font-size: 32px;
+            font-size: 60px;
         }
         p {
             font-size: 18px;
         }
     }
 
-    .title {
-        text-transform: uppercase;
-        font-weight: bold;
-        position: relative;
-        padding-bottom: 0.75rem;
-
-        &::after {
-            content: '';
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            height: 3px;
-            background-color: var(--yellow);
-            width: 70px;
-        }
-    }
-    .call-to-action.header {
-        text-transform: uppercase;
-        font-weight: bold;
-        position: relative;
-        padding-bottom: 0.75rem;
-        font-size: 26px;
-        margin-bottom: 1rem;
-
-        &::after {
-            content: '';
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            height: 3px;
-            background-color: var(--yellow);
-            width: 70px;
-        }
+    p,
+    ul {
+        line-height: 1.4rem;
+        font-size: 16px;
     }
 
     .mission-and-vision {
@@ -92,10 +78,11 @@
         gap: 2.5rem;
         margin-bottom: 2.5rem;
         margin-top: 2.5rem;
-    }
+        padding: 0 0 2.5rem 0;
 
-    .post.mission-and-vision h1::after {
-        display: none;
+        h3 {
+            font-size: 42px;
+        }
     }
 
     .post .column img {
@@ -150,10 +137,6 @@
         border-radius: 0.5rem;
         padding-top: 1rem;
     }
-    .projects > h1.title {
-        margin-top: 1rem;
-    }
-
     .project {
         width: 100%;
         background-color: var(--navy);
@@ -233,7 +216,7 @@
         .gh-toc {
             position: sticky;
             top: 4vmin;
-            max-width: calc((100vw - 800px) / 2);
+            max-width: calc((100vw - 900px) / 2);
             padding-right: 2rem;
         }
     }
@@ -254,9 +237,9 @@
         margin-bottom: 2.5rem;
     }
     @media (min-width: 1350px) {
-        .grid {
-            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-        }
+      .grid {
+        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+      }
     }
     .team-photo {
         width: 100%;
@@ -278,4 +261,66 @@
     .team-title {
         font-size: 0.9rem;
     }
+    .level {
+        margin-bottom: 2.5rem;
+        box-shadow: 5px 5px 15px rgba(120, 120, 120, 0.1);
+    }
+    .level.silver, .level.major {
+        width: 45%;
+    }
+    .level .name {
+        text-align: center;
+        padding: 1rem 0 0.25rem 0;
+        margin: auto;
+        border-top-left-radius: .75rem;
+        border-top-right-radius: .75rem;
+    }
+
+    .corporate-sponsors {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: 1rem;
+    }
+    .level.ruby, .level.gold {
+        flex: 1 1 100%;
+    }
+    .level.silver, .level.major {
+        flex: 1 1 100%;
+    }
+    @media (min-width: 1024px) {
+        .level.silver, .level.major {
+            flex: 1 1 auto;
+            /* flex-basis: calc(50% - 8px); */
+        }
+    }
+    .level.ruby .name {
+        background-color: var(--red);
+        color: var(--white);
+    }
+    .level.gold .name {
+        background-color: var(--yellow);
+    }
+    .level.silver .name {
+        background-color: var(--blue);
+        color: var(--white);
+    }
+    .level.major .name {
+        background-color: var(--green);
+        color: var(--white);
+    }
+    .level .bucket {
+        border-bottom-left-radius: .75rem;
+        border-bottom-right-radius: .75rem;
+        display: flex;
+        justify-content: space-evenly;
+        padding: 1rem;
+        flex-direction: row;
+        flex-wrap: wrap;
+
+        img {
+            height: 66px;
+            margin: 2.5rem;
+        }
+    }
 }