diff --git a/src/sass/imports/_docs.scss b/src/sass/imports/_docs.scss
index 59dd5f5a9b..0511863072 100644
--- a/src/sass/imports/_docs.scss
+++ b/src/sass/imports/_docs.scss
@@ -1,356 +1,713 @@
 .docs-content {
-    padding-top: 2.5em;
-    width: 95%;
+  padding-top: 2.5em;
 }
-.post-content {
-    width: 85%;
-}
-.post {
-    &.type-docs {
-        margin-bottom: 3.625em;
 
-        h1 {
-            font-size: 1.975em;
-        }
+.post {
+  &.type-docs {
+    margin-bottom: 5.625em;
+    max-width: $container-md;
 
-        h2 {
-            font-size: 1.6em;
-        }
+    h1 {
+      font-size: 1.875em;
+    }
+  
+    h2 {
+      font-size: 1.5em;
+    }
+  
+    h3 {
+      font-size: 1.25em;
+    }
+  
+    h4 {
+      font-size: 1.125em;
+    }
+  
+    h5,
+    h6 {
+      font-size: 1em;
+    }
 
-        h3 {
-            font-size: 1.45em;
-        }
+    .hash-link {
+      float: left;
+      font-size: 1.25rem;
+      height: 1em;
+      line-height: 1;
+      margin-left: -1.1em;
+      opacity: 0;
+      text-align: center;
+      text-decoration: none;
+      -webkit-transition: opacity .2s;
+      transition: opacity .2s;
+      width: 1em;
+
+      &:before {
+        content: "\0023";
+        display: inline-block;
+      }
+
+      &:hover,
+      &:focus {
+        color: $color-primary;
+      }
+    }
 
-        h4 {
-            font-size: 1.35em;
-        }
+    h2 {
+      .hash-link {
+        margin-top: 0.22em;
+      }
+    }
 
-        h5,
-        h6 {
-            font-size: 1.2em;
-        }
+    h3 {
+      .hash-link {
+        margin-top: 0.1em;
+      }
+    }
 
+    h2,
+    h3 {
+      &:hover,
+      &:focus {
         .hash-link {
-            float: left;
-            font-size: 1.25rem;
-            height: 1em;
-            line-height: 1;
-            margin-left: -1.1em;
-            opacity: 0;
-            text-align: center;
-            text-decoration: none;
-            -webkit-transition: opacity 0.2s;
-            transition: opacity 0.4s;
-            width: 1em;
-
-            &:before {
-                content: '\0023';
-                display: inline-block;
-            }
-
-            &:hover,
-            &:focus {
-                color: $color-primary;
-            }
-        }
-
-        h2 {
-            .hash-link {
-                margin-top: 0.22em;
-            }
-        }
-
-        h3 {
-            .hash-link {
-                margin-top: 0.1em;
-            }
-        }
-
-        h2,
-        h3 {
-            &:hover,
-            &:focus {
-                .hash-link {
-                    opacity: 1;
-                }
-            }
+          opacity: 1;
         }
+      }
+    }
 
-        .post-inside {
-            background: #fff;
-            border: 1px solid $gray-300;
-            border-radius: $border-radius;
-            box-shadow: $box-shadow;
-            padding: 0.3em;
-            width: 70vw;
-        }
+    .post-inside {
+      background: #fff;
+      border: 1px solid $gray-300;
+      border-radius: $border-radius;
+      box-shadow: $box-shadow;
+      padding: 2.5em 0;
+      overflow:scroll;
+    }
 
-        .post-title {
-            font-size: 1.875em;
-            margin: 0 0 1.25em;
-            padding: 0 1em;
-        }
+    .post-title {
+      font-size: 1.875em;
+      margin: 0 0 1.25em;
+      padding: 0 1em;
+    }
 
-        .post-content {
-            padding: 0.775em;
-            word-wrap: break-word;
-        }
+    .post-content {
+      padding: 0 1.875em;
     }
+  }
 }
 
 #docs-section-items {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    list-style: none;
-    margin-left: -0.3125em;
-    margin-right: -0.3125em;
-    padding: 0;
-
-    .docs-section-item {
-        -ms-flex: 1 1 240px;
-        flex: 1 1 240px;
-        margin: 0 0.3125em 0.9375em;
-    }
-
-    .docs-item-link {
-        border: 1px solid $gray-300;
-        border-radius: $border-radius-sm;
-        color: $gray-700;
-        display: block;
-        font-weight: bold;
-        padding: 0.9375em;
-        position: relative;
-        text-decoration: none;
-        -webkit-transition: border-color 0.3s ease, color 0.3s ease;
-        transition: border-color 0.3s ease, color 0.3s ease;
-
-        &:hover {
-            border-color: $color-primary;
-            color: $color-primary;
-        }
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  list-style: none;
+  margin-left: -0.3125em;
+  margin-right: -0.3125em;
+  padding: 0;
+
+  .docs-section-item {
+    -ms-flex: 1 1 240px;
+    flex: 1 1 240px;
+    margin: 0 0.3125em 0.9375em;
+  }
+
+  .docs-item-link {
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    color: $gray-700;
+    display: block;
+    font-weight: bold;
+    padding: 0.9375em;
+    position: relative;
+    text-decoration: none;
+    -webkit-transition: border-color .3s ease, color .3s ease;
+    transition: border-color .3s ease, color .3s ease;
+  
+    &:hover {
+      border-color: $color-primary;
+      color: $color-primary;
     }
+  }
 }
 
 .docs-nav {
-    margin-bottom: 1.875em;
-
-    .docs-nav-toggle {
-        color: $gray-700;
-        font-size: 1.125em;
-        margin: 0;
-        padding-right: 15px;
-        text-align: left;
-    }
+  margin-bottom: 1.875em;
 
-    .docs-submenu-toggle {
-        color: $gray-500;
-        position: absolute;
-        right: 0;
-        top: 0;
-    }
+  .docs-nav-toggle {
+    color: $gray-700;
+    font-size: 1.125em;
+    margin: 0;
+    padding-right: 30px;
+    text-align: left;
+    width: 100%;
+  }
+
+  .docs-submenu-toggle {
+    color: $gray-500;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
 }
 
 #docs-menu {
-    color: $gray-700;
-    font-weight: bold;
-    line-height: 1.5;
-    list-style: none;
-    margin: 0.5em;
-    padding: 0;
-
-    & > .docs-menu-item > a {
-        padding: 0.1875em 0;
-        border-radius:20px;
-    
-        margin:auto;
-    }
-
-    a {
-        color: inherit;
-        display: block;
-        text-decoration: none;
+  color: $gray-700;
+  font-weight: bold;
+  line-height: 1.5;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  & > .docs-menu-item > a {
+    padding: 0.1875em 0;
+  }
+
+  a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
 
-        &:hover {
-            color: $color-primary;
-        }
+    &:hover {
+      color: $color-primary;
     }
+  }
 
-    .current,
-    .current-parent {
-        color: $color-primary;
-    }
+  .current,
+  .current-parent {
+    color: $color-primary;
+  }
 }
 
 .docs-submenu {
-    border-left: 1px solid $gray-300;
-    color: $gray-600;
-    display: none;
-    font-size: 0.9375em;
-    font-weight: normal;
-    list-style: none;
-    margin-top: 0.625rem;
-    padding-left: 1rem;
+  border-left: 1px solid $gray-300;
+  color: $gray-600;
+  display: none;
+  font-size: 0.9375em;
+  font-weight: normal;
+  list-style: none;
+  margin-top: 0.625rem;
+  padding-left: 1.25rem;
 }
 
 .docs-menu-item {
-    color: inherit;
-    margin-bottom: 0.625rem;
-
-    &.has-children {
-        padding-right: 30px;
-        position: relative;
-
-        &.active {
-            .docs-submenu {
-                display: block;
-            }
-
-            & > .docs-submenu-toggle {
-                .icon-angle-right {
-                    -webkit-transform: rotate(135deg);
-                    transform: rotate(135deg);
-                }
-            }
+  color: inherit;
+  margin-bottom: 0.625rem;
+
+  &.has-children {
+    padding-right: 30px;
+    position: relative;
+  
+    &.active {
+      .docs-submenu {
+        display: block;
+      }
+  
+      & > .docs-submenu-toggle {
+        .icon-angle-right {
+          -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
         }
+      }
     }
+  }
 }
 
 #page-nav {
-    text-overflow: wrap;
+  display: none;
 
-    .page-nav-title {
-        font-size: 1em;
-        margin: 0 0 0.625em;
-    }
+  .page-nav-title {
+    font-size: 1em;
+    margin: 0 0 0.625em;
+  }
+
+  ul {
+    font-size: 0.875rem;
+    line-height: 1.5;
+    list-style: none;
+    padding: 0;
 
     ul {
-        font-size: 0.875rem;
-        line-height: 1.5;
-        list-style: none;
-        padding: 0;
-
-        ul {
-            border-left: 1px solid $gray-300;
-            margin-top: 0.625rem;
-            padding-left: 1.25rem;
-        }
+      border-left: 1px solid $gray-300;
+      margin-top: 0.625rem;
+      padding-left: 1.25rem;
     }
+  }
 
-    li {
-        margin-bottom: 0.625rem;
+  li {
+    margin-bottom: 0.625rem;
 
-        &.active > a {
-            color: $color-primary;
-        }
+    &.active > a {
+      color: $color-primary;
     }
+  }
 
-    a {
-        color: $gray-600;
-        display: block;
-        text-decoration: none;
+  a {
+    color: $gray-600;
+    display: block;
+    text-decoration: none;
 
-        &:hover {
-            color: $color-primary;
-        }
+    &:hover {
+      color: $color-primary;
     }
+  }
 
-    .page-nav-title {
-        &:only-child {
-            display: none;
-        }
+  .page-nav-inside {
+    display: none;
+  
+    &.has-links {
+      display: block;
     }
+  }
 }
 
-@media only screen and (min-width: 1000px) {
-    .post {
-        &.type-docs {
-            .post-title,
-            .post-content {
-                padding-left: 7%;
-                padding-right: 7%;
-            }
-        }
+@media only screen and (min-width: 641px) {
+  .post {
+    &.type-docs {
+      .post-title,
+      .post-content {
+        padding-left: 7%;
+        padding-right: 7%;
+      }
     }
+  }
 }
 
-@media only screen and (min-width: 1200px) {
-    .docs-content {
-        display: -ms-flexbox;
-        display: flex;
-        padding-top: 3.75em;
-        width: 98%;
-    }
-
-    .post.type-docs {
-        -ms-flex: 1 1 auto;
-        align-content: center;
-    }
-
-    .docs-nav,
-    .page-nav {
-        -ms-flex-negative: 0;
-        margin-bottom: 5.625em;
-
-        .sticky {
-            position: -webkit-sticky;
-            position: sticky;
-            top: 1.875em;
-        }
+@media only screen and (min-width: 801px) {
+  .docs-content {
+    display: -ms-flexbox;
+    display: flex;
+    padding-top: 3.75em;
+  }
+
+  .post.type-docs {
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    overflow: hidden;
+  }
+
+  .docs-nav,
+  .page-nav {
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-bottom: 5.625em;
+
+    .sticky {
+      position: -webkit-sticky;
+      position: sticky;
+      top: 1.875em;
     }
+  }
 
-    .docs-nav {
-        width: 8.5em;
-    }
+  .docs-nav {
+    padding-right: 1.5em;
+    width: 12.5em;
+  }
 
-    #page-nav {
-        font-size: 12px;
-        margin: 4em;
-    }
+  #page-nav {
+    padding-left: 1.5em;
+    width: 9.5em;
+  }
 
-    #docs-nav-toggle {
-        display: none;
-    }
+  #docs-nav-toggle {
+    display: none;
+  }
 }
 
 @media only screen and (min-width: 1091px) {
-    #page-nav {
-        display: block;
-    }
+  #page-nav {
+    display: block;
+  }
 }
 
 @media only screen and (max-width: 800px) {
-    .docs-nav {
-        background: #fff;
-        border: 1px solid $gray-300;
-        border-radius: $border-radius;
-        box-shadow: $box-shadow;
-        box-sizing: border-box;
-        margin-bottom: 5%;
-        padding: 1em 1em;
-    }
+  .docs-nav {
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius;
+    box-shadow: $box-shadow;
+    box-sizing: border-box;
+    margin-bottom: 5%;
+    padding: 0.75em 1em;
+  }
+
+  .docs-nav-menu {
+    display: none;
+  }
 
+  .docs-menu--opened {
     .docs-nav-menu {
-        display: none;
+      display: block;
     }
 
-    .docs-menu--opened {
-        .docs-nav-menu {
-            display: block;
-        }
-
-        .docs-nav-toggle {
-            .icon-angle-right {
-                -webkit-transform: rotate(135deg);
-                transform: rotate(135deg);
-            }
-        }
+    .docs-nav-toggle {
+      .icon-angle-right {
+        -webkit-transform: rotate(145deg);
+        transform: rotate(145deg);
+      }
     }
+  }
 
-    #docs-menu {
-        border-top: 1px solid $gray-300;
-        margin-top: 1.25em;
-        padding-top: 1.25em;
-    }
+  #docs-menu {
+    border-top: 1px solid $gray-300;
+    margin-top: 1.25em;
+    padding-top: 1.25em;
+  }
 }
+
+
+
+// .docs-content {
+//   padding-top: 2.5em;
+// }
+// 
+// .post {
+//   &.type-docs {
+//     margin-bottom: 5.625em;
+//     max-width: $container-md;
+// 
+//     h1 {
+//       font-size: 1.875em;
+//     }
+//   
+//     h2 {
+//       font-size: 1.5em;
+//     }
+//   
+//     h3 {
+//       font-size: 1.25em;
+//     }
+//   
+//     h4 {
+//       font-size: 1.125em;
+//     }
+//   
+//     h5,
+//     h6 {
+//       font-size: 1em;
+//     }
+// 
+//     .hash-link {
+//       float: left;
+//       font-size: 1.25rem;
+//       height: 1em;
+//       line-height: 1;
+//       margin-left: -1.1em;
+//       opacity: 0;
+//       text-align: center;
+//       text-decoration: none;
+//       -webkit-transition: opacity .2s;
+//       transition: opacity .2s;
+//       width: 1em;
+// 
+//       &:before {
+//         content: "\0023";
+//         display: inline-block;
+//       }
+// 
+//       &:hover,
+//       &:focus {
+//         color: $color-primary;
+//       }
+//     }
+// 
+//     h2 {
+//       .hash-link {
+//         margin-top: 0.22em;
+//       }
+//     }
+// 
+//     h3 {
+//       .hash-link {
+//         margin-top: 0.1em;
+//       }
+//     }
+// 
+//     h2,
+//     h3 {
+//       &:hover,
+//       &:focus {
+//         .hash-link {
+//           opacity: 1;
+//         }
+//       }
+//     }
+// 
+//     .post-inside {
+//       background: #fff;
+//       border: 1px solid $gray-300;
+//       border-radius: $border-radius;
+//       box-shadow: $box-shadow;
+//       padding: 2.5em 0;
+//     }
+// 
+//     .post-title {
+//       font-size: 1.875em;
+//       margin: 0 0 1.25em;
+//       padding: 0 1em;
+//     }
+// 
+//     .post-content {
+//       padding: 0 1.875em;
+//     }
+//   }
+// }
+// 
+// #docs-section-items {
+//   display: -ms-flexbox;
+//   display: flex;
+//   -ms-flex-wrap: wrap;
+//   flex-wrap: wrap;
+//   list-style: none;
+//   margin-left: -0.3125em;
+//   margin-right: -0.3125em;
+//   padding: 0;
+// 
+//   .docs-section-item {
+//     -ms-flex: 1 1 240px;
+//     flex: 1 1 240px;
+//     margin: 0 0.3125em 0.9375em;
+//   }
+// 
+//   .docs-item-link {
+//     border: 1px solid $gray-300;
+//     border-radius: $border-radius-sm;
+//     color: $gray-700;
+//     display: block;
+//     font-weight: bold;
+//     padding: 0.9375em;
+//     position: relative;
+//     text-decoration: none;
+//     -webkit-transition: border-color .3s ease, color .3s ease;
+//     transition: border-color .3s ease, color .3s ease;
+//   
+//     &:hover {
+//       border-color: $color-primary;
+//       color: $color-primary;
+//     }
+//   }
+// }
+// 
+// .docs-nav {
+//   margin-bottom: 1.875em;
+// 
+//   .docs-nav-toggle {
+//     color: $gray-700;
+//     font-size: 1.125em;
+//     margin: 0;
+//     padding-right: 30px;
+//     text-align: left;
+//     width: 100%;
+//   }
+// 
+//   .docs-submenu-toggle {
+//     color: $gray-500;
+//     position: absolute;
+//     right: 0;
+//     top: 0;
+//   }
+// }
+// 
+// #docs-menu {
+//   color: $gray-700;
+//   font-weight: bold;
+//   line-height: 1.5;
+//   list-style: none;
+//   margin: 0;
+//   padding: 0;
+// 
+//   & > .docs-menu-item > a {
+//     padding: 0.1875em 0;
+//   }
+// 
+//   a {
+//     color: inherit;
+//     display: block;
+//     text-decoration: none;
+// 
+//     &:hover {
+//       color: $color-primary;
+//     }
+//   }
+// 
+//   .current,
+//   .current-parent {
+//     color: $color-primary;
+//   }
+// }
+// 
+// .docs-submenu {
+//   border-left: 1px solid $gray-300;
+//   color: $gray-600;
+//   display: none;
+//   font-size: 0.9375em;
+//   font-weight: normal;
+//   list-style: none;
+//   margin-top: 0.625rem;
+//   padding-left: 1.25rem;
+// }
+// 
+// .docs-menu-item {
+//   color: inherit;
+//   margin-bottom: 0.625rem;
+// 
+//   &.has-children {
+//     padding-right: 30px;
+//     position: relative;
+//   
+//     &.active {
+//       .docs-submenu {
+//         display: block;
+//       }
+//   
+//       & > .docs-submenu-toggle {
+//         .icon-angle-right {
+//           -webkit-transform: rotate(135deg);
+//           transform: rotate(135deg);
+//         }
+//       }
+//     }
+//   }
+// }
+// 
+// #page-nav {
+//   display: none;
+// 
+//   .page-nav-title {
+//     font-size: 1em;
+//     margin: 0 0 0.625em;
+//   }
+// 
+//   ul {
+//     font-size: 0.875rem;
+//     line-height: 1.5;
+//     list-style: none;
+//     padding: 0;
+// 
+//     ul {
+//       border-left: 1px solid $gray-300;
+//       margin-top: 0.625rem;
+//       padding-left: 1.25rem;
+//     }
+//   }
+// 
+//   li {
+//     margin-bottom: 0.625rem;
+// 
+//     &.active > a {
+//       color: $color-primary;
+//     }
+//   }
+// 
+//   a {
+//     color: $gray-600;
+//     display: block;
+//     text-decoration: none;
+// 
+//     &:hover {
+//       color: $color-primary;
+//     }
+//   }
+// 
+//   .page-nav-inside {
+//     display: none;
+//   
+//     &.has-links {
+//       display: block;
+//     }
+//   }
+// }
+// 
+// @media only screen and (min-width: 641px) {
+//   .post {
+//     &.type-docs {
+//       .post-title,
+//       .post-content {
+//         padding-left: 7%;
+//         padding-right: 7%;
+//       }
+//     }
+//   }
+// }
+// 
+// @media only screen and (min-width: 801px) {
+//   .docs-content {
+//     display: -ms-flexbox;
+//     display: flex;
+//     padding-top: 3.75em;
+//   }
+// 
+//   .post.type-docs {
+//     -ms-flex: 1 1 auto;
+//     flex: 1 1 auto;
+//     overflow: hidden;
+//   }
+// 
+//   .docs-nav,
+//   .page-nav {
+//     -ms-flex-negative: 0;
+//     flex-shrink: 0;
+//     margin-bottom: 5.625em;
+// 
+//     .sticky {
+//       position: -webkit-sticky;
+//       position: sticky;
+//       top: 1.875em;
+//     }
+//   }
+// 
+//   .docs-nav {
+//     padding-right: 1.5em;
+//     width: 12.5em;
+//   }
+// 
+//   #page-nav {
+//     padding-left: 1.5em;
+//     width: 9.5em;
+//   }
+// 
+//   #docs-nav-toggle {
+//     display: none;
+//   }
+// }
+// 
+// @media only screen and (min-width: 1091px) {
+//   #page-nav {
+//     display: block;
+//   }
+// }
+// 
+// @media only screen and (max-width: 800px) {
+//   .docs-nav {
+//     background: #fff;
+//     border: 1px solid $gray-300;
+//     border-radius: $border-radius;
+//     box-shadow: $box-shadow;
+//     box-sizing: border-box;
+//     margin-bottom: 5%;
+//     padding: 0.75em 1em;
+//   }
+// 
+//   .docs-nav-menu {
+//     display: none;
+//   }
+// 
+//   .docs-menu--opened {
+//     .docs-nav-menu {
+//       display: block;
+//     }
+// 
+//     .docs-nav-toggle {
+//       .icon-angle-right {
+//         -webkit-transform: rotate(135deg);
+//         transform: rotate(135deg);
+//       }
+//     }
+//   }
+// 
+//   #docs-menu {
+//     border-top: 1px solid $gray-300;
+//     margin-top: 1.25em;
+//     padding-top: 1.25em;
+//   }
+// }
+// 
diff --git a/src/sass/imports/_header.scss b/src/sass/imports/_header.scss
index 3d4c9cf041..e772301a79 100644
--- a/src/sass/imports/_header.scss
+++ b/src/sass/imports/_header.scss
@@ -1,372 +1,371 @@
 .site-header {
-    background: #000000;
-    background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-    padding-bottom: 0.4em;
-    padding-top: 0.2em;
+  background: black;
+  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
+  padding-bottom: 0.4em;
+  padding-top: 0.2em;
 }
 
 .site-header-inside {
-    -ms-flex-align: center;
-    align-items: center;
-    display: -ms-flexbox;
-    display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
 }
 
 .site-branding {
-    -ms-flex: 0 1 auto;
-    flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
 }
 
 .site-title {
-    color: $gray-700;
-    font-size: 1.5em;
-    font-weight: bold;
-    line-height: 1.2;
-    margin: 0;
+  color: $gray-700;
+  font-size: 1.5em;
+  font-weight: bold;
+  line-height: 1.2;
+  margin: 0;
 }
 
 .site-logo {
-    margin: 0;
+  margin: 0;
 
-    img {
-        max-height: 65px;
-    }
+  img {
+    max-height: 65px;
+  }
 }
 
 .menu,
 .submenu {
-    list-style: none;
-    margin: 0;
-    padding: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 .menu-item {
-    position: relative;
+  position: relative;
 
-    &.current {
-        color: $color-primary;
-    }
+  &.current {
+    color: $color-primary;
+  }
 
-    a {
-        &:not(.button) {
-            display: inline-block;
-            font-size: 1.1em;
-            line-height: 1.5;
-        }
+  a {
+    &:not(.button) {
+      display: inline-block;
+      font-size: 1.1em;
+      line-height: 1.5;
     }
+  }
 }
 
 #masthead {
-    a {
-        &:not(.button) {
-            color: inherit;
-            display: inline-block;
-            text-decoration: none;
-
-            &:hover {
-                color: $color-primary;
-            }
-        }
-    }
+  a {
+    &:not(.button) {
+      color: inherit;
+      display: inline-block;
+      text-decoration: none;
 
-    .site-branding {
-        a {
-            &:hover {
-                color: inherit;
-            }
-        }
+      &:hover {
+        color: $color-primary;
+      }
+      }
+      }
+
+  .site-branding {
+    a {
+      &:hover {
+        color: inherit;
+      }
     }
+  }
 }
 
 @media only screen and (min-width: 801px) {
+  #menu-open,
+  #menu-close {
+    display: none;
+  }
 
-    #menu-open,
-    #menu-close {
-        display: none;
-    }
+  .site-navigation {
+    margin-left: auto;
+  }
 
-    .site-navigation {
-        margin-left: auto;
-    }
+  .menu {
+    -ms-flex-align: center;
+    align-items: center;
+    display: -ms-flexbox;
+    display: flex;
+  }
 
-    .menu {
-        -ms-flex-align: center;
-        align-items: center;
-        display: -ms-flexbox;
-        display: flex;
-    }
+  .menu-item {
+    display: inline-block;
+    margin: 0 0 0 1.25em;
+    padding-bottom: 0.1875em;
+    padding-top: 0.1875em;
 
-    .menu-item {
-        display: inline-block;
-        margin: 0 0 0 1.25em;
-        padding-bottom: 0.1875em;
-        padding-top: 0.1875em;
-
-        a {
-            padding-bottom: 0.5em;
-            padding-top: 0.5em;
-
-            &.button:not(.button-icon) {
-                padding-left: 1.25em;
-                padding-right: 1.25em;
-            }
-        }
+    a {
+      padding-bottom: 0.5em;
+      padding-top: 0.5em;
+
+      &.button:not(.button-icon) {
+        padding-left: 1.25em;
+        padding-right: 1.25em;
+      }
+      }
+
+    &.has-children>a {
+      padding-right: 18px;
+      position: relative;
+
+      &:after {
+        background: 0;
+        border-color: currentColor;
+        border-style: solid;
+        border-width: 1px 1px 0 0;
+        box-sizing: border-box;
+        content: '';
+        height: 6px;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        width: 6px;
+        -webkit-transform: translateY(-50%) rotate(135deg);
+        transform: translateY(-50%) rotate(135deg);
+      }
 
-        &.has-children>a {
-            padding-right: 18px;
-            position: relative;
-
-            &:after {
-                background: 0;
-                border-color: currentColor;
-                border-style: solid;
-                border-width: 1px 1px 0 0;
-                box-sizing: border-box;
-                content: '';
-                height: 6px;
-                position: absolute;
-                right: 0;
-                top: 50%;
-                width: 6px;
-                -webkit-transform: translateY(-50%) rotate(135deg);
-                transform: translateY(-50%) rotate(135deg);
-            }
-
-            &.button:not(.button-icon) {
-                padding-right: 2.25em;
-
-                &:after {
-                    right: 1.25em;
-                }
-            }
-        }
+      &.button:not(.button-icon) {
+        padding-right: 2.25em;
 
-        .submenu-toggle {
-            display: none;
+        &:after {
+          right: 1.25em;
         }
-
-        &.has-children:hover>.submenu {
-            opacity: 1;
-            -webkit-transition: margin 0.3s, opacity 0.2s;
-            transition: margin 0.3s, opacity 0.2s;
-            visibility: visible;
         }
-    }
-
-    .submenu {
-        background: #fff;
-        border: 4px solid $gray-300;
-        border-radius: $border-radius-sm;
-        box-shadow: $box-shadow;
-        left: 0;
-        min-width: 180px;
-        opacity: 0;
-        padding: 0.5em 0;
-        position: absolute;
-        text-align: left;
-        top: 100%;
-        -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
-        transition: opacity 0.2s, visibility 0s 0.2s;
-        visibility: hidden;
-        width: 100%;
-        z-index: 99;
-
-        .menu-item {
-            display: block;
-            margin: 0;
-            padding: 0 1em;
         }
 
-        a {
-            &:not(.button-icon) {
-                display: block;
-            }
-
-            &.button:not(.button-icon) {
-                margin: 0.5em 0;
-            }
-        }
+    .submenu-toggle {
+      display: none;
     }
-}
 
-@media only screen and (max-width: 800px) {
-    .site {
-        overflow: hidden;
-        position: relative;
+    &.has-children:hover>.submenu {
+      opacity: 1;
+      -webkit-transition: margin 0.3s, opacity 0.2s;
+      transition: margin 0.3s, opacity 0.2s;
+      visibility: visible;
     }
-
-    .site-branding {
-        margin-right: 0.625em;
     }
 
-    .site-header {
-        &:after {
-            background: rgba($gray-600, 0.6);
-            content: '';
-            height: 100vh;
-            left: 0;
-            opacity: 0;
-            position: absolute;
-            top: 0;
-            -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-            transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-            visibility: hidden;
-            width: 100%;
-            z-index: 998;
-        }
-    }
-
-    .site-navigation {
-        background: #fff;
-        box-sizing: border-box;
-        height: 100vh;
-        margin: 0;
-        max-width: 360px;
-        -webkit-overflow-scrolling: touch;
-        position: absolute;
-        right: -100%;
-        top: 0;
-        -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-        transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-        visibility: hidden;
-        width: 100%;
-        z-index: 999;
-    }
+  .submenu {
+    background: #fff;
+    border: 4px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: $box-shadow;
+    left: 0;
+    min-width: 180px;
+    opacity: 0;
+    padding: 0.5em 0;
+    position: absolute;
+    text-align: left;
+    top: 100%;
+    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
+    transition: opacity 0.2s, visibility 0s 0.2s;
+    visibility: hidden;
+    width: 100%;
+    z-index: 99;
 
-    .site-nav-inside {
-        height: 100%;
-        overflow: auto;
-        -webkit-overflow-scrolling: touch;
-        position: relative;
+    .menu-item {
+      display: block;
+      margin: 0;
+      padding: 0 1em;
     }
 
-    .menu--opened {
-        .site {
-            height: 100%;
-            left: 0;
-            overflow: hidden;
-            position: fixed;
-            top: 0;
-            -webkit-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0);
-            width: 100%;
-            z-index: 997;
-        }
+    a {
+      &:not(.button-icon) {
+        display: block;
+      }
 
-        .site-navigation {
-            right: 0;
-            -webkit-transition: right 0.3s ease-in-out;
-            transition: right 0.3s ease-in-out;
-            visibility: visible;
-        }
+      &.button:not(.button-icon) {
+        margin: 0.5em 0;
+      }
+      }
+      }
+}
 
-        .site-header {
-            &:after {
-                opacity: 1;
-                -webkit-transition-delay: 0s;
-                transition-delay: 0s;
-                visibility: visible;
-            }
-        }
+@media only screen and (max-width: 800px) {
+  .site {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .site-branding {
+    margin-right: 0.625em;
+  }
+
+  .site-header {
+    &:after {
+      background: rgba($gray-600, 0.6);
+      content: '';
+      height: 100vh;
+      left: 0;
+      opacity: 0;
+      position: absolute;
+      top: 0;
+      -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+      transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+      visibility: hidden;
+      width: 100%;
+      z-index: 998;
     }
+  }
 
-    .menu {
-        padding: calc(3vw + 2.8125em) $container-padding 3em;
+  .site-navigation {
+    background: #fff;
+    box-sizing: border-box;
+    height: 100vh;
+    margin: 0;
+    max-width: 360px;
+    -webkit-overflow-scrolling: touch;
+    position: absolute;
+    right: -100%;
+    top: 0;
+    -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+    transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+    visibility: hidden;
+    width: 100%;
+    z-index: 999;
+  }
+
+  .site-nav-inside {
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    position: relative;
+  }
+
+  .menu--opened {
+    .site {
+      height: 100%;
+      left: 0;
+      overflow: hidden;
+      position: fixed;
+      top: 0;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      width: 100%;
+      z-index: 997;
     }
 
-    .submenu {
-        border-top: 1px solid $gray-300;
-        display: none;
-        padding-left: 1em;
+    .site-navigation {
+      right: 0;
+      -webkit-transition: right 0.3s ease-in-out;
+      transition: right 0.3s ease-in-out;
+      visibility: visible;
     }
 
-    .menu-item {
-        display: block;
-        margin: 0;
+    .site-header {
+      &:after {
+        opacity: 1;
+        -webkit-transition-delay: 0s;
+        transition-delay: 0s;
+        visibility: visible;
+      }
+    }
+    }
 
-        &:not(.menu-button) {
-            border-bottom: 1px solid $gray-300;
+  .menu {
+    padding: calc(3vw + 2.8125em) $container-padding 3em;
+  }
 
-            &:first-child {
-                border-top: 1px solid $gray-300;
-            }
-        }
+  .submenu {
+    border-top: 1px solid $gray-300;
+    display: none;
+    padding-left: 1em;
+  }
 
-        a {
+  .menu-item {
+    display: block;
+    margin: 0;
 
-            &:not(.button),
-            &.button-icon {
-                padding: 0.75em 0;
-            }
+    &:not(.menu-button) {
+      border-bottom: 1px solid $gray-300;
 
-            &:not(.button) {
-                display: block;
-            }
+      &:first-child {
+        border-top: 1px solid $gray-300;
+      }
+      }
 
-            &.button {
-                &:not(.button-icon) {
-                    width: 100%;
-                }
-            }
-        }
+    a {
 
-        &.has-children>a {
-            margin-right: 2em;
-        }
+      &:not(.button),
+      &.button-icon {
+        padding: 0.75em 0;
+      }
 
-        .menu-item {
-            &:first-child {
-                border-top: 0;
-            }
+      &:not(.button) {
+        display: block;
+      }
 
-            &:last-child {
-                border-bottom: 0;
-            }
+      &.button {
+        &:not(.button-icon) {
+          width: 100%;
         }
+      }
+      }
 
-        .submenu-toggle {
-            color: $gray-500;
-            height: 2.8125em;
-            position: absolute;
-            right: 0;
-            top: 0;
-        }
+    &.has-children>a {
+      margin-right: 2em;
+    }
 
-        &.active {
-            .submenu-toggle {
-                .icon-angle-right {
-                    -webkit-transform: rotate(135deg);
-                    transform: rotate(135deg);
-                }
-            }
-
-            .submenu {
-                display: block;
-            }
-        }
+    .menu-item {
+      &:first-child {
+        border-top: 0;
+      }
+
+      &:last-child {
+        border-bottom: 0;
+      }
+      }
+
+    .submenu-toggle {
+      color: $gray-500;
+      height: 2.8125em;
+      position: absolute;
+      right: 0;
+      top: 0;
     }
 
-    .menu-button {
-        &>.button:not(.button-icon) {
-            margin-bottom: 1.25em;
-            margin-top: 1.25em;
+    &.active {
+      .submenu-toggle {
+        .icon-angle-right {
+          -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
         }
+      }
 
-        &+.menu-button {
-            &>.button:not(.button-icon) {
-                margin-top: 0;
-            }
-        }
+      .submenu {
+        display: block;
+      }
+      }
+      }
+
+  .menu-button {
+    &>.button:not(.button-icon) {
+      margin-bottom: 1.25em;
+      margin-top: 1.25em;
     }
 
-    #menu-open {
-        margin-left: auto;
+    &+.menu-button {
+      &>.button:not(.button-icon) {
+        margin-top: 0;
+      }
     }
-
-    #menu-close {
-        display: block;
-        position: absolute;
-        right: $container-padding;
-        top: $container-padding;
     }
-}
\ No newline at end of file
+
+  #menu-open {
+    margin-left: auto;
+  }
+
+  #menu-close {
+    display: block;
+    position: absolute;
+    right: $container-padding;
+    top: $container-padding;
+  }
+}
diff --git a/src/sass/imports/_posts.scss b/src/sass/imports/_posts.scss
index d915205182..eef00c4fc2 100644
--- a/src/sass/imports/_posts.scss
+++ b/src/sass/imports/_posts.scss
@@ -1,166 +1,168 @@
 .post {
-    margin-bottom: 2.5em;
+  margin-bottom: 2.5em;
 }
 
 .post-full,
 .post-feed {
-    &:last-child {
-        margin-bottom: 5em;
-    }
+  &:last-child {
+      margin-bottom: 5em;
+  }
 }
 
 .has-gradient {
-    &.page-header,
-    &.post-header {
-        padding-bottom: 9.5em;
-        padding-top: 3.75em;
-        text-align: center;
-    }
-
-    .page-title,
-    .post-title {
-        color: inherit;
-        font-size: 2.25em;
-        margin: 0;
-    }
+
+  &.page-header,
+  &.post-header {
+      padding-bottom: 9.5em;
+      padding-top: 3.75em;
+      text-align: center;
+  }
+
+  .page-title,
+  .post-title {
+      color: inherit;
+      font-size: 2.25em;
+      margin: 0;
+  }
 }
 
 .page-subtitle,
 .post-subtitle {
-    font-size: 1.125em;
-    line-height: 1.5;
-    margin: 0.5em 0 0;
-    position: relative;
+  font-size: 1.125em;
+  line-height: 1.5;
+  margin: 0.5em 0 0;
+  position: relative;
 }
 
 .post-title {
-    a {
-        color: inherit !important;
-        text-decoration: none;
-    }
+  a {
+      color: inherit !important;
+      text-decoration: none;
+  }
 }
 
 .post-thumbnail {
-    border: 0;
-    border-radius: $border-radius $border-radius 0 0;
-    display: block;
-    margin: 0;
-
-    img {
-        border-radius: $border-radius $border-radius 0 0;
-        width: 100%;
-    }
+  border: 0;
+  border-radius: $border-radius $border-radius 0 0;
+  display: block;
+  margin: 0;
+
+  img {
+      border-radius: $border-radius $border-radius 0 0;
+      width: 100%;
+  }
 }
 
 .post-full .post-content,
 .post-feed {
-    margin-top: -5em;
-    position: relative;
+  margin-top: -5em;
+  position: relative;
 }
 
 .post-full .post-content,
 .post-feed .post {
-    background: #fff;
-    border: 1px solid $gray-300;
-    border-radius: $border-radius;
-    box-shadow: $box-shadow;
+  background: #fff;
+  border: 1px solid $gray-300;
+  border-radius: $border-radius;
+  box-shadow: $box-shadow;
 }
 
 .post-full {
-    .post-content {
-        padding: 1.5em 1.5em;
-    }
+  .post-content {
+      padding: 1.5em;
+  }
 
-    .post-meta {
-        margin: 0 0 0.5em;
-    }
+  .post-meta {
+      margin: 0 0 0.5em;
+  }
 }
 
 .post-feed {
-    .post {
-        padding: 0 0 2.5em;
-    }
-
-    .post-meta {
-        color: $gray-500;
-        font-size: 0.875em;
-        margin: 0 0 0.5em;
-        padding-left: 1.71428em;
-        padding-right: 1.71428em;
-    }
-
-    .post-header {
-        margin: 0 0 1.25em;
-        padding-top: 1.875em;
-    }
-
-    .post-title {
-        font-size: 1.5em;
-        margin: 0;
-        padding-left: 1em;
-        padding-right: 1em;
-    }
-
-    .post-excerpt {
-        margin-bottom: 1.25em;
-        padding-left: 1.5em;
-        padding-right: 1.5em;
-    }
-
-    .read-more {
-        margin: 0;
-        padding-left: 1.5em;
-        padding-right: 1.5em;
-    }
-
-    .read-more-link {
-        font-weight: bold;
-        text-decoration: none;
-
-        &:after {
-            font-size: 1.125em;
-            content: '\2192';
-            line-height: 1.5;
-            margin-left: 5px;
-        }
-
-        &:hover {
-            color: $gray-600;
-        }
-    }
+  .post {
+      padding: 0 0 2.5em;
+  }
+
+  .post-meta {
+      color: $gray-500;
+      font-size: 0.875em;
+      margin: 0 0 0.5em;
+      padding-left: 1.71428em;
+      padding-right: 1.71428em;
+  }
+
+  .post-header {
+      margin: 0 0 1.25em;
+      padding-top: 1.875em;
+  }
+
+  .post-title {
+      font-size: 1.5em;
+      margin: 0;
+      padding-left: 1em;
+      padding-right: 1em;
+  }
+
+  .post-excerpt {
+      margin-bottom: 1.25em;
+      padding-left: 1.5em;
+      padding-right: 1.5em;
+  }
+
+  .read-more {
+      margin: 0;
+      padding-left: 1.5em;
+      padding-right: 1.5em;
+  }
+
+  .read-more-link {
+      font-weight: bold;
+      text-decoration: none;
+
+      &:after {
+          font-size: 1.125em;
+          content: '\2192';
+          line-height: 1.5;
+          margin-left: 5px;
+      }
+
+      &:hover {
+          color: $gray-600;
+      }
+  }
 }
 
-@media only screen and (min-width: 641px) {
-    .has-gradient {
-        .page-title,
-        .post-title {
-            font-size: 3em;
-        }
-    }
-
-    .page-subtitle,
-    .post-subtitle {
-        font-size: 1.25em;
-    }
-
-    .post-full {
-        .post-meta {
-            font-size: 1.125em;
-        }
-    }
-
-    .post-full .post-content,
-    .post-feed .post-meta,
-    .post-feed .post-title,
-    .post-feed .post-excerpt,
-    .post-feed .read-more {
-        padding-left: 7%;
-        padding-right: 7%;
-    }
+@media only screen and (min-width: 841px) {
+  .has-gradient {
+
+      .page-title,
+      .post-title {
+          font-size: 3em;
+      }
+  }
+
+  .page-subtitle,
+  .post-subtitle {
+      font-size: 1.25em;
+  }
+
+  .post-full {
+      .post-meta {
+          font-size: 1.125em;
+      }
+  }
+
+  .post-full .post-content,
+  .post-feed .post-meta,
+  .post-feed .post-title,
+  .post-feed .post-excerpt,
+  .post-feed .read-more {
+      padding-left: 7%;
+      padding-right: 7%;
+  }
 }
 
-@media only screen and (max-width: 1000px) {
-    .post {
-        margin-bottom: 4vw;
-    }
-}
+@media only screen and (max-width: 1200px) {
+  .post {
+      margin-bottom: 4vw;
+  }
+}
\ No newline at end of file
diff --git a/src/sass/imports/_prism.scss b/src/sass/imports/_prism.scss
index 6d8643a8ee..796b0f3c06 100644
--- a/src/sass/imports/_prism.scss
+++ b/src/sass/imports/_prism.scss
@@ -8,33 +8,33 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 
 code[class*='language-'],
 pre[class*='language-'] {
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
 
 :not(pre)>code[class*='language-'] {
-    background: $gray-700;
-    color: $gray-100;
+  background: $gray-700;
+  color: $gray-100;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-    color: #8292a2;
+  color: #8292a2;
 }
 
 .token.punctuation {
-    color: #f8f8f2;
+  color: #f8f8f2;
 }
 
 .token.namespace {
-    opacity: 0.7;
+  opacity: 0.7;
 }
 
 .token.property,
@@ -42,12 +42,12 @@ pre[class*='language-'] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-    color: #f92672;
+  color: #f92672;
 }
 
 .token.boolean,
 .token.number {
-    color: #ae81ff;
+  color: #ae81ff;
 }
 
 .token.selector,
@@ -56,7 +56,7 @@ pre[class*='language-'] {
 .token.char,
 .token.builtin,
 .token.inserted {
-    color: #a6e22e;
+  color: #a6e22e;
 }
 
 .token.operator,
@@ -65,590 +65,80 @@ pre[class*='language-'] {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-    color: #f8f8f2;
+  color: #f8f8f2;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
-    color: #e6db74;
+  color: #e6db74;
 }
 
 .token.keyword {
-    color: #66d9ef;
+  color: #66d9ef;
 }
 
 .token.regex,
 .token.important {
-    color: #fd971f;
+  color: #fd971f;
 }
 
 .token.important,
 .token.bold {
-    font-weight: bold;
+  font-weight: bold;
 }
-
 .token.italic {
-    font-style: italic;
+  font-style: italic;
 }
 
 .token.entity {
-    cursor: help;
+  cursor: help;
 }
 
 div.code-toolbar {
-    position: relative;
+  position: relative;
 }
 
 div.code-toolbar>.toolbar {
-    position: absolute;
-    top: 0;
-    right: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
 }
 
 div.code-toolbar>.toolbar .toolbar-item {
-    display: block;
+  display: block;
 }
 
 div.code-toolbar>.toolbar a {
-    border: 0;
-    cursor: pointer;
+  border: 0;
+  cursor: pointer;
 }
 
 div.code-toolbar>.toolbar button {
-    background: none;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    color: inherit;
-    font: inherit;
-    line-height: normal;
-    overflow: visible;
-    padding: 0;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
+  background: none;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  color: inherit;
+  font: inherit;
+  line-height: normal;
+  overflow: visible;
+  padding: 0;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
 }
 
 div.code-toolbar>.toolbar a,
 div.code-toolbar>.toolbar button,
 div.code-toolbar>.toolbar span {
-    background: $gray-600;
-    color: $gray-300 !important;
-    display: block;
-    font-size: 0.75em;
-    line-height: 1.5;
-    padding: 0.25em 0.5em;
-    text-decoration: none;
-}
-
-
-.gatsby-highlight-code-line {
-    display: block;
-    margin: 0 -2em;
-    padding: 0 2em;
-    background: var(--lineHighlight);
-}
-
-code[class*='language-'],
-pre[class*='language-'] {
-    color: white;
-    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-    font-family: Menlo, Monaco, Consolas, 'Courier New', Courier, monospace;
-    font-size: 14px;
-    direction: ltr;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    line-height: 1.5;
-
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-}
-
-/* Code blocks */
-pre {
-    padding: 1.25em;
-    margin: 0.5em 0 3em;
-    overflow: auto;
-    border-radius: 6px;
-}
-
-:not(pre)>code[class*='language-'],
-pre {
-    background: var(--code-background);
-}
-
-/* Inline code */
-:not(pre)>code[class*='language-'] {
-    padding: 3px 5px;
-    border-radius: 2px;
-    background: var(--inline-code-background);
-    font-family: 'Source Code Pro', Menlo, Monaco, Consolas, 'Courier New',
-        Courier, monospace;
-    text-shadow: none;
-    color: var(--inline-code-color);
-}
-
-.token.comment,
-.token.prolog,
-.token.block-comment,
-.token.doctype,
-.token.cdata {
-    color: var(--comment);
-}
-
-.token.property,
-.token.number,
-.token.function-name,
-.token.constant,
-.token.symbol,
-.token.deleted {
-    color: var(--primitive);
-}
-
-.token.boolean {
-    color: var(--boolean);
-}
-
-.token.tag {
-    color: var(--tag);
-}
-
-.token.string {
-    color: var(--string);
-}
-
-.token.punctuation {
-    color: var(--punctuation);
-}
-
-.token.selector,
-.token.char,
-.token.builtin,
-.token.inserted {
-    color: var(--char);
-}
-
-.token.function {
-    color: var(--function);
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.token.variable {
-    color: var(--variable);
-}
-
-.token.attr-value {
-    color: var(--string);
-}
-
-.token.keyword {
-    color: var(--keyword);
-}
-
-.token.atrule,
-.token.class-name {
-    color: var(--className);
-}
-
-.token.important {
-    font-weight: 400;
-}
-
-.token.bold {
-    font-weight: 700;
-}
-
-.token.italic {
-    font-style: 'italic';
-}
-
-.token.entity {
-    cursor: 'help';
-}
-
-.namespace {
-    opacity: 0.7;
-}
-
-
-/* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+graphql+markdown+markup-templating+php+pug+python+regex+yaml&plugins=autolinker+show-language+highlight-keywords+toolbar+copy-to-clipboard+download-button+treeview */
-code[class*='language-'],
-pre[class*='language-'] {
-    color: #000;
-    background: 0 0;
-    text-shadow: 0 1px #fff;
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-    font-size: 1em;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-}
-
-code[class*='language-'] ::-moz-selection,
-code[class*='language-']::-moz-selection,
-pre[class*='language-'] ::-moz-selection,
-pre[class*='language-']::-moz-selection {
-    text-shadow: none;
-    background: #b3d4fc;
-}
-
-code[class*='language-'] ::selection,
-code[class*='language-']::selection,
-pre[class*='language-'] ::selection,
-pre[class*='language-']::selection {
-    text-shadow: none;
-    background: #b3d4fc;
-}
-
-@media print {
-
-    code[class*='language-'],
-    pre[class*='language-'] {
-        text-shadow: none;
-    }
-}
-
-pre[class*='language-'] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-}
-
-:not(pre)>code[class*='language-'],
-pre[class*='language-'] {
-    background: #f5f2f0;
-}
-
-:not(pre)>code[class*='language-'] {
-    padding: 0.1em;
-    border-radius: 0.3em;
-    white-space: normal;
-}
-
-.token.cdata,
-.token.comment,
-.token.doctype,
-.token.prolog {
-    color: #708090;
-}
-
-.token.punctuation {
-    color: #999;
+  background: $gray-600;
+  color: $gray-300 !important;
+  display: block;
+  font-size: 0.75em;
+  line-height: 1.5;
+  padding: 0.25em 0.5em;
+  text-decoration: none;
 }
-
-.token.namespace {
-    opacity: 0.7;
-}
-
-.token.boolean,
-.token.constant,
-.token.deleted,
-.token.number,
-.token.property,
-.token.symbol,
-.token.tag {
-    color: #905;
-}
-
-.token.attr-name,
-.token.builtin,
-.token.char,
-.token.inserted,
-.token.selector,
-.token.string {
-    color: #690;
-}
-
-.language-css .token.string,
-.style .token.string,
-.token.entity,
-.token.operator,
-.token.url {
-    color: #9a6e3a;
-    background: hsla(0, 0%, 100%, 0.5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-    color: #07a;
-}
-
-.token.class-name,
-.token.function {
-    color: #dd4a68;
-}
-
-.token.important,
-.token.regex,
-.token.variable {
-    color: #e90;
-}
-
-.token.bold,
-.token.important {
-    font-weight: 700;
-}
-
-.token.italic {
-    font-style: italic;
-}
-
-.token.entity {
-    cursor: help;
-}
-
-.token a {
-    color: inherit;
-}
-
-div.code-toolbar {
-    position: relative;
-}
-
-div.code-toolbar>.toolbar {
-    position: absolute;
-    z-index: 10;
-    top: 0.3em;
-    right: 0.2em;
-    transition: opacity 0.3s ease-in-out;
-    opacity: 0;
-}
-
-div.code-toolbar:hover>.toolbar {
-    opacity: 1;
-}
-
-div.code-toolbar:focus-within>.toolbar {
-    opacity: 1;
-}
-
-div.code-toolbar>.toolbar>.toolbar-item {
-    display: inline-block;
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a {
-    cursor: pointer;
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>button {
-    background: 0 0;
-    border: 0;
-    color: inherit;
-    font: inherit;
-    line-height: normal;
-    overflow: visible;
-    padding: 0;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a,
-div.code-toolbar>.toolbar>.toolbar-item>button,
-div.code-toolbar>.toolbar>.toolbar-item>span {
-    color: #bbb;
-    font-size: 0.8em;
-    padding: 0 0.5em;
-    background: #f5f2f0;
-    background: rgba(224, 224, 224, 0.2);
-    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    border-radius: 0.5em;
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a:focus,
-div.code-toolbar>.toolbar>.toolbar-item>a:hover,
-div.code-toolbar>.toolbar>.toolbar-item>button:focus,
-div.code-toolbar>.toolbar>.toolbar-item>button:hover,
-div.code-toolbar>.toolbar>.toolbar-item>span:focus,
-div.code-toolbar>.toolbar>.toolbar-item>span:hover {
-    color: inherit;
-    text-decoration: none;
-}
-
-.token.treeview-part .entry-line {
-    position: relative;
-    text-indent: -99em;
-    display: inline-block;
-    vertical-align: top;
-    width: 1.2em;
-}
-
-.token.treeview-part .entry-line:before,
-.token.treeview-part .line-h:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width: 50%;
-    height: 100%;
-}
-
-.token.treeview-part .line-h:before,
-.token.treeview-part .line-v:before {
-    border-left: 1px solid #ccc;
-}
-
-.token.treeview-part .line-v-last:before {
-    height: 50%;
-    border-left: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-}
-
-.token.treeview-part .line-h:after {
-    height: 50%;
-    border-bottom: 1px solid #ccc;
-}
-
-.token.treeview-part .entry-name {
-    position: relative;
-    display: inline-block;
-    vertical-align: top;
-}
-
-.token.treeview-part .entry-name.dotfile {
-    opacity: 0.5;
-}
-
-@font-face {
-    font-family: PrismTreeview;
-    src: url(data:application/font-woff;base64,d09GRgABAAAAAAgYAAsAAAAAEGAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFY1UkH9Y21hcAAAAYQAAAB/AAACCtvO7yxnbHlmAAACBAAAA+MAAAlACm1VqmhlYWQAAAXoAAAAKgAAADZfxj5jaGhlYQAABhQAAAAYAAAAJAFbAMFobXR4AAAGLAAAAA4AAAA0CGQAAGxvY2EAAAY8AAAAHAAAABwM9A9CbWF4cAAABlgAAAAfAAAAIAEgAHZuYW1lAAAGeAAAATcAAAJSfUrk+HBvc3QAAAewAAAAZgAAAIka0DSfeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYyjiBgZWBgaGQoRZISkLpUAYOBj0GBiYGVmYGrCAgzTWFweEV4ysehs1ArgDDFgZGIA3CDAB2tQjAAHic7ZHLEcMwCESfLCz/VEoKSEE5parURxMOC4c0Ec283WGFdABgBXrwCAzam4bOK9KWeefM3Hhmjyn3ed+hTRq1pS7Ra/HjYGPniHcXMy4G/zNTP7/KW5HTXArkvdBW3ArN19dCG/NRIN8K5HuB/CiQn4U26VeBfBbML9NEH78AeJyVVc1u20YQ3pn905JcSgr/YsuSDTEg3cR1bFEkYyS1HQcQ2jQF2hot6vYSoECKnnPLA/SWUy9NTr31Bfp+6azsNI0SGiolzu7ODnfn+2Z2lnHG3rxhr9nfLGKbLGesncAYYnUHpsVnMG/uwyzNdFIVd6HI6twp8+R3LpT4TSglLoTHwwJgG2/dFvKrl9yI507/p5CCq4LTxB/PlPjkFaMHnWB/0S9je7RTPS+utnGtom1T2q5pk/e3H0M1S18rsXAL7wgpxQuhAmteGGvNjmcfGXuwnFNOPCXxeOGmnjrBLWNyBeNtVq2Hs03yus1aPS3mzSyNVSfu588iW1Q93x/4fjcHn+5EkS2tMxr4xIRa8ese+4L9uKZnxEqs8+ldyN9atU02a5t5uQ8hZGms1QTKpaKYqnipiNNOAIeIADC0JNEOYY+jtSgFoOchiAjRGFACpUTRje8bwIYWGCDEgENY8MEu9bnCYCdAxftoNg0KiSpUtPaHcanYwzXRu6T4r40b5npal3V7UHWCPJW9niyl1vIHgoujEXZjudBkeWkOeMQBRmbEPhKzij1i52t6/TadL+3q7H0U1eq4E8cG4gIIwQLx8VX7ToPXgPrehVc5QXHR7gMSmwjKfaYAP4KvZV+yn9bE18y2IY37LvtyrSg3i7ZK++B603ndlg/gBJpZRsfpBI6hyiaQ6FjlnThz8lAC3LgBIMnXDOAXxBQ4SIgiEhx2AcGCAwAhwjXRpCQms42bwAUt75BvAwgONzdgOfWEwzk4Ylzj4mz+5YEzzXzWX9aNlk7ot65y5QnBHsNlm6zDTu7sspRqG4V+fgJ1lVBZ07Nm7s5nemo3Lf3PO7iwtnroQ5/YDGwPRUip6fV6L+27p+wCHwSvPs85UnHqId8NAn5IBsKdv95KrL9m31Gsf2a/rluDslk1y1J9GE+LUmmVT/OyOHaFKGnapt2H5XeJTmKd6qYNoVVZOy+pWzr7rMip3ndG/4mQSoUcMbAqG/YNIAdXhkAqTVruXhocSKN0iS4Rwj7vSS4fcF/La07BfeQSuRAcFeW+9igjwPhhYPpGCBCBHhxiKMyFMFT7ziRH7RtfIWdiha+TdW+Rqs7bLHdN2ZJIKl0um0x3op9saYr0REeRdj09pl43pMzz4tjztrY8L4o8bzT+oLY27PR/eFtXs/YY5vtwB5Iqad14eYN0ujveMaGWqkdU3TKbQSC5Uvxaf4fA7SAQ3r2tEfIhd4duld91bwMisjqBw22orthNcroXl7KqO1329HBgAexgoCfGAwiDPoBnriki3lmNojrzvD0tjo6E3vPYP6E2BMIAeJxjYGRgYADiY8t3FsTz23xl4GbYzIAB/v9nWM6wBcjgYGAC8QH+QQhZAAB4nGNgZGBg2MzAACeXMzAyoAJeADPyAh14nGNgAILNpGEA0fgIZQAAAAAAAAA2AHIAvgE+AZgCCAKMAv4DlgPsBEYEoHicY2BkYGDgZchi4GQAASYg5gJCBob/YD4DABTSAZcAeJx9kU1uwjAQhV/4qwpqhdSqi67cTTeVEmBXDgBbhBD7AHYISuLUMSD2PUdP0HNwjp6i676k3qQS9Ujjb968mYUNoI8zPJTHw02Vy9PAFatfbpLuHbfIT47b6MF33KH+6riLF0wc93CHN27wWtdUHvHuuIFbfDhuUv903CKfHbfxgC/HHerfjrtYen3HPTx7ambiIl0YKQ+xPM5ltE9CU9NqxVKaItaZGPqDmj6VmTShlRuxOoniEI2sVUIZnYqJzqxMEi1yo3dybf2ttfk4CJTT/bVOMYNBjAIpFiTJOLCWOGLOHGGPBCE7l32XO0tmw04MjQwCQ7774B//lDmrZkJY3hvOrHBiLuiJMKJqoVgrejQ3CP5Yubt0JwxNJa96Oypr6j621VSOMQKG+uP36eKmHylcb0MAeJxtwdEOgjAMBdBeWEFR/Mdl7bTJtMsygc/nwVfPoYF+QP+tGDAigDFhxgVXLLjhjhUPCtmKTtmLaGN7x6dy/Io5bybqoevRQ3LRObb0sk3HKpn1SFqW6ru26vbpYfcmRCccJhqsAAA=) format('woff');
-}
-
-.token.treeview-part .entry-name:before {
-    content: '\ea01';
-    font-family: PrismTreeview;
-    font-size: inherit;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    width: 2.5ex;
-    display: inline-block;
-}
-
-.token.treeview-part .entry-name.dir:before {
-    content: '\ea02';
-}
-
-.token.treeview-part .entry-name.ext-bmp:before,
-.token.treeview-part .entry-name.ext-eps:before,
-.token.treeview-part .entry-name.ext-gif:before,
-.token.treeview-part .entry-name.ext-jpe:before,
-.token.treeview-part .entry-name.ext-jpeg:before,
-.token.treeview-part .entry-name.ext-jpg:before,
-.token.treeview-part .entry-name.ext-png:before,
-.token.treeview-part .entry-name.ext-svg:before,
-.token.treeview-part .entry-name.ext-tiff:before {
-    content: '\ea03';
-}
-
-.token.treeview-part .entry-name.ext-cfg:before,
-.token.treeview-part .entry-name.ext-conf:before,
-.token.treeview-part .entry-name.ext-config:before,
-.token.treeview-part .entry-name.ext-csv:before,
-.token.treeview-part .entry-name.ext-ini:before,
-.token.treeview-part .entry-name.ext-log:before,
-.token.treeview-part .entry-name.ext-md:before,
-.token.treeview-part .entry-name.ext-nfo:before,
-.token.treeview-part .entry-name.ext-txt:before {
-    content: '\ea06';
-}
-
-.token.treeview-part .entry-name.ext-asp:before,
-.token.treeview-part .entry-name.ext-aspx:before,
-.token.treeview-part .entry-name.ext-c:before,
-.token.treeview-part .entry-name.ext-cc:before,
-.token.treeview-part .entry-name.ext-cpp:before,
-.token.treeview-part .entry-name.ext-cs:before,
-.token.treeview-part .entry-name.ext-css:before,
-.token.treeview-part .entry-name.ext-h:before,
-.token.treeview-part .entry-name.ext-hh:before,
-.token.treeview-part .entry-name.ext-htm:before,
-.token.treeview-part .entry-name.ext-html:before,
-.token.treeview-part .entry-name.ext-jav:before,
-.token.treeview-part .entry-name.ext-java:before,
-.token.treeview-part .entry-name.ext-js:before,
-.token.treeview-part .entry-name.ext-php:before,
-.token.treeview-part .entry-name.ext-rb:before,
-.token.treeview-part .entry-name.ext-xml:before {
-    content: '\ea07';
-}
-
-.token.treeview-part .entry-name.ext-7z:before,
-.token.treeview-part .entry-name.ext-bz2:before,
-.token.treeview-part .entry-name.ext-bz:before,
-.token.treeview-part .entry-name.ext-gz:before,
-.token.treeview-part .entry-name.ext-rar:before,
-.token.treeview-part .entry-name.ext-tar:before,
-.token.treeview-part .entry-name.ext-tgz:before,
-.token.treeview-part .entry-name.ext-zip:before {
-    content: '\ea08';
-}
-
-.token.treeview-part .entry-name.ext-aac:before,
-.token.treeview-part .entry-name.ext-au:before,
-.token.treeview-part .entry-name.ext-cda:before,
-.token.treeview-part .entry-name.ext-flac:before,
-.token.treeview-part .entry-name.ext-mp3:before,
-.token.treeview-part .entry-name.ext-oga:before,
-.token.treeview-part .entry-name.ext-ogg:before,
-.token.treeview-part .entry-name.ext-wav:before,
-.token.treeview-part .entry-name.ext-wma:before {
-    content: '\ea04';
-}
-
-.token.treeview-part .entry-name.ext-avi:before,
-.token.treeview-part .entry-name.ext-flv:before,
-.token.treeview-part .entry-name.ext-mkv:before,
-.token.treeview-part .entry-name.ext-mov:before,
-.token.treeview-part .entry-name.ext-mp4:before,
-.token.treeview-part .entry-name.ext-mpeg:before,
-.token.treeview-part .entry-name.ext-mpg:before,
-.token.treeview-part .entry-name.ext-ogv:before,
-.token.treeview-part .entry-name.ext-webm:before {
-    content: '\ea05';
-}
-
-.token.treeview-part .entry-name.ext-pdf:before {
-    content: '\ea09';
-}
-
-.token.treeview-part .entry-name.ext-xls:before,
-.token.treeview-part .entry-name.ext-xlsx:before {
-    content: '\ea0a';
-}
-
-.token.treeview-part .entry-name.ext-doc:before,
-.token.treeview-part .entry-name.ext-docm:before,
-.token.treeview-part .entry-name.ext-docx:before {
-    content: '\ea0c';
-}
-
-.token.treeview-part .entry-name.ext-pps:before,
-.token.treeview-part .entry-name.ext-ppt:before,
-.token.treeview-part .entry-name.ext-pptx:before {
-    content: '\ea0b';
-}
\ No newline at end of file
diff --git a/src/sass/imports/_sections.scss b/src/sass/imports/_sections.scss
index df29491815..73274618b3 100644
--- a/src/sass/imports/_sections.scss
+++ b/src/sass/imports/_sections.scss
@@ -1,337 +1,337 @@
 .block {
-  padding-top: 3.75em;
+    padding-top: 3.75em;
 
-  &:not(.block-hero) {
-    background: $gray-100;
-  }
+    &:not(.block-hero) {
+        background: $gray-100;
+    }
 
-  &:last-child {
-    padding-bottom: 3.75em;
-  }
+    &:last-child {
+        padding-bottom: 3.75em;
+    }
 }
 
 .block-image {
-  margin-bottom: 1.5em;
+    margin-bottom: 1.5em;
 }
 
 .block-header {
-  margin-bottom: 1.5em;
+    margin-bottom: 1.5em;
 }
 
 .block-title {
-  margin: 0;
+    margin: 0;
 }
 
 .block-subtitle {
-  color: $gray-500;
-  line-height: 1.5;
-  margin-bottom: 0;
+    color: $gray-500;
+    line-height: 1.5;
+    margin-bottom: 0;
 
-  &:not(:first-child) {
-    margin-top: 0.5em;
-  }
+    &:not(:first-child) {
+        margin-top: 0.5em;
+    }
 }
 
 .block-buttons,
 .grid-item-buttons {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-bottom: 0.9375em;
-
-  a {
-    font-weight: bold;
-    text-decoration: none;
-  }
+    -ms-flex-align: center;
+    align-items: center;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin-bottom: 0.9375em;
+
+    a {
+        font-weight: bold;
+        text-decoration: none;
+    }
 }
 
 .block-buttons {
-  -ms-flex-pack: center;
-  justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
 
-  a {
-    margin: 0 0.375em 0.75em;
-  }
+    a {
+        margin: 0 0.375em 0.75em;
+    }
 }
 
 .grid-item-buttons {
-  a {
-    margin: 0 0.75em 0.75em 0;
-  }
+    a {
+        margin: 0 0.75em 0.75em 0;
+    }
 }
 
 .has-gradient {
-  .block-subtitle {
-    color: inherit;
-  }
+    .block-subtitle {
+        color: inherit;
+    }
 }
 
 .block-text,
 .block-hero {
-  .block-buttons {
-    &:not(:first-child) {
-      margin-top: 1.875em;
+    .block-buttons {
+        &:not(:first-child) {
+            margin-top: 1.875em;
+        }
     }
-  }
 }
 
 // Content section
 .block-text {
-  .grid-item {
-    max-width: $container-sm;
-    text-align: center;
-  }
+    .grid-item {
+        max-width: $container-sm;
+        text-align: center;
+    }
 
-  .block-title {
-    font-size: 1.875em;
-  }
+    .block-title {
+        font-size: 1.875em;
+    }
 }
 
 @media only screen and (min-width: 641px) {
-  .block-text {
-    .block-content {
-      font-size: 1.125em;
-    }
+    .block-text {
+        .block-content {
+            font-size: 1.125em;
+        }
 
-    .block-title {
-      font-size: 2.125em;
+        .block-title {
+            font-size: 2.125em;
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 1201px) {
-  .block-text {
-    .grid-item {
-      &:not(:only-child) {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%;
-      }
+    .block-text {
+        .grid-item {
+            &:not(:only-child) {
+                -ms-flex: 0 0 50%;
+                flex: 0 0 50%;
+                max-width: 50%;
+            }
+        }
     }
-  }
 
-  .block-body {
-    &:not(:only-child) {
-      text-align: left;
+    .block-body {
+        &:not(:only-child) {
+            text-align: left;
 
-      .block-buttons {
-        -ms-flex-pack: start;
-        justify-content: flex-start;
+            .block-buttons {
+                -ms-flex-pack: start;
+                justify-content: flex-start;
 
-        a {
-          margin-left: 0;
-          margin-right: 0.75em;
+                a {
+                    margin-left: 0;
+                    margin-right: 0.75em;
+                }
+            }
         }
-      }
     }
-  }
 }
 
 @media only screen and (min-width: 1001px) {
-  .block-image {
-    &:not(:only-child) {
-      padding-right: 2.5em;
+    .block-image {
+        &:not(:only-child) {
+            padding-right: 2.5em;
+        }
     }
-  }
 
-  .grid-swap {
-    .block-image {
-      &:not(:only-child) {
-        padding-left: 2.5em;
-        padding-right: 0.9375em;
-      }
+    .grid-swap {
+        .block-image {
+            &:not(:only-child) {
+                padding-left: 2.5em;
+                padding-right: 0.9375em;
+            }
+        }
     }
-  }
 }
 
 // CTA section
 .block-cta {
-  .has-gradient {
-    border-radius: $border-radius;
-    margin-bottom: 1.875em;
-    padding: 3.75em 3vw 1.875em;
-  }
-
-  .block-header {
-    max-width: $container-sm;
-    text-align: center;
-  }
+    .has-gradient {
+        border-radius: $border-radius;
+        margin-bottom: 1.875em;
+        padding: 3.75em 3vw 1.875em;
+    }
+
+    .block-header {
+        max-width: $container-sm;
+        text-align: center;
+    }
 
-  .block-title {
-    font-size: 1.875em;
-  }
+    .block-title {
+        font-size: 1.875em;
+    }
 
-  .block-subtitle {
-    font-size: 1.125em;
-  }
+    .block-subtitle {
+        font-size: 1.125em;
+    }
 }
 
 @media only screen and (min-width: 641px) {
-  .block-title {
-    font-size: 2.125em;
-  }
+    .block-title {
+        font-size: 2.125em;
+    }
 }
 
 @media only screen and (min-width: 801px) {
-  .block-cta {
-    .has-gradient {
-      padding-left: 7%;
-      padding-right: 7%;
-    }
+    .block-cta {
+        .has-gradient {
+            padding-left: 7%;
+            padding-right: 7%;
+        }
 
-    .block-header {
-      -ms-flex: 0 0 66.666%;
-      flex: 0 0 66.666%;
-      max-width: 66.666%;
-      text-align: left;
-    }
+        .block-header {
+            -ms-flex: 0 0 66.666%;
+            flex: 0 0 66.666%;
+            max-width: 66.666%;
+            text-align: left;
+        }
 
-    .block-buttons {
-      -ms-flex: 0 0 33.333%;
-      flex: 0 0 33.333%;
-      margin-top: 0;
-      max-width: 33.333%;
+        .block-buttons {
+            -ms-flex: 0 0 33.333%;
+            flex: 0 0 33.333%;
+            margin-top: 0;
+            max-width: 33.333%;
+        }
     }
-  }
 }
 
 // Grid section
 .block-grid {
-  .block-hero+& {
-    &:not(.has-header) {
-      background: 0;
-      padding-top: 0;
+    .block-hero+& {
+        &:not(.has-header) {
+            background: 0;
+            padding-top: 0;
+        }
     }
-  }
 
-  .block-header {
-    margin-bottom: 2em;
-    text-align: center;
-  }
+    .block-header {
+        margin-bottom: 2em;
+        text-align: center;
+    }
 
-  .block-title {
-    font-size: 1.875em;
-  }
+    .block-title {
+        font-size: 1.875em;
+    }
 
-  .grid-item {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    margin-bottom: 1.875em;
-  }
+    .grid-item {
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        margin-bottom: 1.875em;
+    }
 }
 
 .grid-item-inside {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: $box-shadow;
-  box-sizing: border-box;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  padding-bottom: 0.75em;
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: $box-shadow;
+    box-sizing: border-box;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    padding-bottom: 0.75em;
 }
 
 .grid-item-image {
-  border-radius: $border-radius-sm $border-radius-sm 0 0;
-  display: block;
-  width: 100%;
-
-  img {
     border-radius: $border-radius-sm $border-radius-sm 0 0;
-  }
+    display: block;
+    width: 100%;
+
+    img {
+        border-radius: $border-radius-sm $border-radius-sm 0 0;
+    }
 }
 
 .grid-item-title {
-  font-size: 1.5em;
-  margin: 1em 0 0.5em;
-  padding-left: 1em;
-  padding-right: 1em;
-
-  &:first-child {
-    margin-top: 1.25em;
-  }
-
-  a {
-    color: inherit !important;
-    text-decoration: none;
-  }
+    font-size: 1.5em;
+    margin: 1em 0 0.5em;
+    padding-left: 1em;
+    padding-right: 1em;
+
+    &:first-child {
+        margin-top: 1.25em;
+    }
+
+    a {
+        color: inherit !important;
+        text-decoration: none;
+    }
 }
 
 .grid-item-content,
 .grid-item-buttons {
-  padding-left: 1.5em;
-  padding-right: 1.5em;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
 }
 
 .grid-item-content {
-  margin-bottom: 1.25em;
+    margin-bottom: 1.25em;
 }
 
 .grid-item-buttons {
-  a {
-    &:not(.button) {
-      &:after {
-        font-size: 1.125em;
-        content: "\2192";
-        line-height: 1.5;
-        margin-left: 5px;
-      }
+    a {
+        &:not(.button) {
+            &:after {
+                font-size: 1.125em;
+                content: "\2192";
+                line-height: 1.5;
+                margin-left: 5px;
+            }
+        }
     }
-  }
 }
 
 @media only screen and (max-width: 1000px) {
-  .block-grid {
-    .grid-item {
-      margin-bottom: 4vw;
+    .block-grid {
+        .grid-item {
+            margin-bottom: 4vw;
+        }
     }
-  }
 }
 
 // Hero section
 .block-hero {
-  padding-bottom: 7.5em;
-  position: relative;
-  text-align: center;
-
-  .block-header {
-    margin-bottom: 0.75em;
-  }
-
-  .block-title {
-    font-size: 2.25em;
-  }
-
-  .block-content {
-    font-size: 1.125em;
-    line-height: 1.5;
-  }
-
-  &+.block {
-    margin-top: -5em;
+    padding-bottom: 7.5em;
     position: relative;
-  }
-}
+    text-align: center;
+
+    .block-header {
+        margin-bottom: 0.75em;
+    }
 
-@media only screen and (min-width: 641px) {
-  .block-hero {
     .block-title {
-      font-size: 3em;
+        font-size: 2.25em;
     }
 
     .block-content {
-      font-size: 1.25em;
+        font-size: 1.125em;
+        line-height: 1.5;
     }
 
-    .block-buttons {
-      a {
-        font-size: 1em;
-      }
+    &+.block {
+        margin-top: -5em;
+        position: relative;
     }
-  }
 }
+
+@media only screen and (min-width: 641px) {
+    .block-hero {
+        .block-title {
+            font-size: 3em;
+        }
+
+        .block-content {
+            font-size: 1.25em;
+        }
+
+        .block-buttons {
+            a {
+                font-size: 1em;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/sass/imports/_structure.scss b/src/sass/imports/_structure.scss
index 1c6bb48eb2..41211c5da7 100644
--- a/src/sass/imports/_structure.scss
+++ b/src/sass/imports/_structure.scss
@@ -3,7 +3,7 @@
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
-    min-height: 100vh;
+    min-height: 110vh;
     position: relative;
 }
 
@@ -11,28 +11,28 @@
     box-sizing: border-box;
     -ms-flex-positive: 1;
     flex-grow: 1;
-    width: 95%;
+    width: 100%;
 }
 
 .outer {
-    padding-left: 120px;
-    padding-right: 120px;
+    padding-left: $container-padding;
+    padding-right: $container-padding;
 }
 
 .inner {
     margin-left: auto;
     margin-right: auto;
-    max-width: 95%;
+    max-width: 1400px;
 }
 
 .inner-md {
     margin-left: auto;
     margin-right: auto;
-    max-width: 95%;
+    max-width: $container-md;
 }
 
 .inner-sm {
     margin-left: auto;
     margin-right: auto;
-    max-width: 95%;
-}
+    max-width: $container-sm;
+}
\ No newline at end of file
diff --git a/src/sass/imports/_variables.scss b/src/sass/imports/_variables.scss
index 7de488de35..7aa32081f5 100644
--- a/src/sass/imports/_variables.scss
+++ b/src/sass/imports/_variables.scss
@@ -24,7 +24,7 @@ $border-radius: 5px;
 $border-radius-sm: 3px;
 
 // Box shadow
-$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.13);
 
 // Container max width
 $container: 1200px !default;
@@ -44,7 +44,7 @@ $theme-palettes: (
         secondary: #1ba65b
     ),
     navy: (
-        primary: #1B2024,
+        primary: #1b2024,
         secondary: #000428
     ),
     violet: (