diff --git a/src/sass/imports/_animations.scss b/src/sass/imports/_animations.scss
index 77d3da49c7..df5a87c267 100644
--- a/src/sass/imports/_animations.scss
+++ b/src/sass/imports/_animations.scss
@@ -1,18 +1,16 @@
 @-webkit-keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0.2;
-  }
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.2;
+    }
 }
 @keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0.2;
-  }
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.2;
+    }
 }
diff --git a/src/sass/imports/_buttons.scss b/src/sass/imports/_buttons.scss
index 10868669fd..590c83c135 100644
--- a/src/sass/imports/_buttons.scss
+++ b/src/sass/imports/_buttons.scss
@@ -1,4 +1,5 @@
 .button {
+
   -ms-flex-align: center;
   align-items: center;
   background: $color-primary;
@@ -39,6 +40,7 @@
 }
 
 .button-secondary {
+
   background: 0 !important;
   box-shadow: inset 0 0 0 3px currentColor;
   color: $color-primary;
@@ -61,6 +63,7 @@
   letter-spacing: normal;
   padding: 0.25em;
 
+
   &:hover,
   &:focus,
   &:active {
@@ -87,9 +90,11 @@
   position: relative;
   width: 30px;
 
-  &:hover,
-  &:focus,
-  &:active {
-    outline: 0;
-  }
+
+    &:hover,
+    &:focus,
+    &:active {
+        outline: 0;
+    }
+
 }
diff --git a/src/sass/imports/_docs.scss b/src/sass/imports/_docs.scss
index 0511863072..083312f3a0 100644
--- a/src/sass/imports/_docs.scss
+++ b/src/sass/imports/_docs.scss
@@ -1,713 +1,352 @@
 .docs-content {
-  padding-top: 2.5em;
+    padding-top: 2.5em;
 }
 
 .post {
-  &.type-docs {
-    margin-bottom: 5.625em;
-    max-width: $container-md;
+    &.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;
-    }
+        h1 {
+            font-size: 1.875em;
+        }
 
-    .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 {
+            font-size: 1.5em;
+        }
 
-    h2 {
-      .hash-link {
-        margin-top: 0.22em;
-      }
-    }
+        h3 {
+            font-size: 1.25em;
+        }
 
-    h3 {
-      .hash-link {
-        margin-top: 0.1em;
-      }
-    }
+        h4 {
+            font-size: 1.125em;
+        }
+
+        h5,
+        h6 {
+            font-size: 1em;
+        }
 
-    h2,
-    h3 {
-      &:hover,
-      &:focus {
         .hash-link {
-          opacity: 1;
+            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.2s;
+            width: 1em;
+
+            &:before {
+                content: '\0023';
+                display: inline-block;
+            }
+
+            &:hover,
+            &:focus {
+                color: $color-primary;
+            }
         }
-      }
-    }
 
-    .post-inside {
-      background: #fff;
-      border: 1px solid $gray-300;
-      border-radius: $border-radius;
-      box-shadow: $box-shadow;
-      padding: 2.5em 0;
-      overflow:scroll;
-    }
+        h2 {
+            .hash-link {
+                margin-top: 0.22em;
+            }
+        }
 
-    .post-title {
-      font-size: 1.875em;
-      margin: 0 0 1.25em;
-      padding: 0 1em;
-    }
+        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;
+        .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;
+    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;
+        }
     }
-  }
 }
 
 .docs-nav {
-  margin-bottom: 1.875em;
+    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-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;
+    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: 1.25rem;
+    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 {
-  display: none;
-
-  .page-nav-title {
-    font-size: 1em;
-    margin: 0 0 0.625em;
-  }
+    display: none;
 
-  ul {
-    font-size: 0.875rem;
-    line-height: 1.5;
-    list-style: none;
-    padding: 0;
+    .page-nav-title {
+        font-size: 1em;
+        margin: 0 0 0.625em;
+    }
 
     ul {
-      border-left: 1px solid $gray-300;
-      margin-top: 0.625rem;
-      padding-left: 1.25rem;
+        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;
+    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-inside {
-    display: none;
-  
-    &.has-links {
-      display: block;
+    .page-nav-title {
+        &:only-child {
+            display: none;
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 641px) {
-  .post {
-    &.type-docs {
-      .post-title,
-      .post-content {
-        padding-left: 7%;
-        padding-right: 7%;
-      }
+    .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-content {
+        display: -ms-flexbox;
+        display: flex;
+        padding-top: 3.75em;
     }
-  }
 
-  .docs-nav {
-    padding-right: 1.5em;
-    width: 12.5em;
-  }
+    .post.type-docs {
+        -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+        overflow: hidden;
+    }
 
-  #page-nav {
-    padding-left: 1.5em;
-    width: 9.5em;
-  }
+    .docs-nav,
+    .page-nav {
+        -ms-flex-negative: 0;
+        flex-shrink: 0;
+        margin-bottom: 5.625em;
 
-  #docs-nav-toggle {
-    display: none;
-  }
+        .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;
-  }
+    #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-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-menu--opened {
     .docs-nav-menu {
-      display: block;
+        display: none;
     }
 
-    .docs-nav-toggle {
-      .icon-angle-right {
-        -webkit-transform: rotate(145deg);
-        transform: rotate(145deg);
-      }
+    .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;
-  }
+    #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/_footer.scss b/src/sass/imports/_footer.scss
index d9fcdc8403..a1308be23b 100644
--- a/src/sass/imports/_footer.scss
+++ b/src/sass/imports/_footer.scss
@@ -1,10 +1,12 @@
 .site-footer {
+
     background-color: black;
     background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
     padding-bottom: 5em;
     padding-top: 5em;
     color: white !important;
     border: 4px solid black;
+
 }
 
 #colophon {
@@ -28,7 +30,7 @@
     flex-wrap: wrap;
     -ms-flex-pack: center;
     justify-content: center;
-    font-size: 0.675em;
+    font-size: 0.875em;
     line-height: 1.2;
 
     .button:not(.button-icon) {
@@ -43,22 +45,20 @@
     text-align: center;
 
     .copyright,
-    >a {
-        margin: 0 4px 0.2em 0;
+    > a {
+        margin: 0 8px 0.5em 0;
     }
 }
 
 .social-links {
-    margin-top: 0.5375em;
+    margin-top: 0.9375em;
 
     a {
-        margin: 0 50px 0.2em;
+        margin: 0 10px 0.5em;
     }
 
     .icon {
         font-size: 20px;
-        color: rgb(0, 0, 0);
-        background-color: rgb(0, 0, 0);
     }
 }
 
@@ -91,4 +91,4 @@
             margin-right: 0;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_forms.scss b/src/sass/imports/_forms.scss
index d03cf35dae..689f68c032 100644
--- a/src/sass/imports/_forms.scss
+++ b/src/sass/imports/_forms.scss
@@ -1,16 +1,16 @@
 label {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.5;
-  margin-bottom: 0.25em;
+    color: $gray-700;
+    font-weight: bold;
+    line-height: 1.5;
+    margin-bottom: 0.25em;
 
-  input[type='checkbox']+&,
-  input[type='radio']+& {
-    font-weight: normal;
-    cursor: pointer;
-    padding-left: 0.25em;
-    padding-right: 1em;
-  }
+    input[type='checkbox'] + &,
+    input[type='radio'] + & {
+        font-weight: normal;
+        cursor: pointer;
+        padding-left: 0.25em;
+        padding-right: 1em;
+    }
 }
 
 input[type='text'],
@@ -22,34 +22,34 @@ input[type='search'],
 input[type='url'],
 select,
 textarea {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: $gray-700;
-  display: block;
-  font-size: 1em;
-  font-weight: normal;
-  line-height: 1.5;
-  max-width: 100%;
-  padding: 0.5em;
-  width: 100%;
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: none;
+    box-sizing: border-box;
+    color: $gray-700;
+    display: block;
+    font-size: 1em;
+    font-weight: normal;
+    line-height: 1.5;
+    max-width: 100%;
+    padding: 0.5em;
+    width: 100%;
 
-  &:focus {
-    outline: 0;
-  }
+    &:focus {
+        outline: 0;
+    }
 }
 
 ::placeholder {
-  color: $gray-400;
-  opacity: 1;
+    color: $gray-400;
+    opacity: 1;
 }
 
 .form-row {
-  margin-bottom: 1em;
+    margin-bottom: 1em;
 }
 
 .form-submit {
-  margin-top: 1.66667em;
+    margin-top: 1.66667em;
 }
diff --git a/src/sass/imports/_functions.scss b/src/sass/imports/_functions.scss
index 717a5a6a54..a0e86db462 100644
--- a/src/sass/imports/_functions.scss
+++ b/src/sass/imports/_functions.scss
@@ -1,8 +1,7 @@
 // Gets a value from a map.
 @function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map-get($map, $key);
-  }
-
-  @return $map;
+    @each $key in $keys {
+        $map: map-get($map, $key);
+    }
+    @return $map;
 }
diff --git a/src/sass/imports/_general.scss b/src/sass/imports/_general.scss
index 8787cb1822..558cf693ea 100644
--- a/src/sass/imports/_general.scss
+++ b/src/sass/imports/_general.scss
@@ -1,122 +1,30 @@
 html {
     font-family: $font-primary;
-    font-size: 95%;
+    font-size: 100%;
 }
 
 body {
     background: $gray-100;
     color: $gray-600;
-    line-height: 1.425;
+    line-height: 1.625;
     text-rendering: optimizeLegibility;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
-    overflow: scroll !important;
 }
 
 a {
     color: $color-primary;
     text-decoration: underline;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.125em;
     -webkit-transition: color 0.3s ease;
-    transition: color 0.4s ease-out;
+    transition: color 0.3s ease;
 
     &:hover {
         color: $gray-600;
     }
 }
 
-#social-embed {
-    // position: absolute !important;
-    // right: 50px !important;
-    bottom: 120px !important;
-    width: 100% !important;
-    width: 1000px !important;
-    box-shadow: inset 0px 5px 3px -10px black, inset 0px -11px 8px -10px black;
-    margin: 0 auto !important;
-    height: 400px !important;
-    overflow: scroll !important;
-    border: 1px dotted black;
-    // z-index: -1;
-}
-
-#scrollBtn {
-    position: fixed;
-    padding: 10px;
-    top: 50px;
-    right: 10px;
-    width: 80px;
-    color: #fff;
-    font-weight: 700;
-    background-color: rgba(0, 10, 69, 0.856);
-    border-radius: 10px;
-}
-
-#sb-search-input-example {
-    position: absolute;
-    top: 200px;
-    left: 200px;
-}
-
-iframe {
-    overflow-y: scroll;
-    overflow-x: scroll;
-    border-radius: 12px;
-    border: 1px dotted black;
-    height: 1200px;
-    box-shadow: inset 0px 4px 4px -10px black, inset 0px -11px 8px -10px black;
-    width: 1000px;
-    resize: both !important;
-    overflow: scroll;
-}
-
-@font-face {
-    font-family: font-sb;
-    src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
-    src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'),
-        url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'),
-        url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
-    font-weight: 400;
-    font-style: normal;
-}
-
-#sb-search-example p {
-    font-family: sans-serif;
-    font-size: 18px;
-    line-height: 12px;
-    margin: 0;
-    z-index: 900;
-}
-
-#sb-search-example {
-    position: static;
-    top: 100px;
-    width: 20%;
-    place-content: center;
-    z-index: 900;
-    box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
-    border: solid 5px white;
-    border-radius: 100px;
-    z-index: 900;
-}
-
-#sb-search-example .sb-icon {
-    font: normal normal 400 26px;
-    align-items: center;
-    padding: 10px;
-    z-index: 900;
-    text-transform: none;
-    cursor: pointer;
-    margin: 0;
-}
-
-#sb-search-example .sb-search-icon {
-    border: 0px;
-    background: #007cff;
-    color: #fff;
-    cursor: pointer;
-    z-index: 900;
-    border-radius: 26px;
-}
-
 h1,
 h2,
 h3,
@@ -176,7 +84,7 @@ pre {
     color: $gray-100;
     font-size: 0.875em;
     line-height: 1.5;
-    margin: 1.14286em 0;
+    margin: 2.14286em 0;
     overflow: auto;
     padding: 1.5em;
     text-align: left;
@@ -190,7 +98,7 @@ pre {
     }
 }
 
-:not(pre)>code {
+:not(pre) > code {
     background: $gray-200;
     border-radius: $border-radius-sm;
     color: $gray-600;
@@ -250,8 +158,8 @@ ol {
     padding: 0 0 0 1.5em;
 }
 
-li>ul,
-li>ol {
+li > ul,
+li > ol {
     margin-bottom: 0;
 }
 
@@ -266,15 +174,16 @@ hr {
     }
 }
 
+embed,
+iframe,
+object,
+video {
+    max-width: 100%;
+}
+
 img {
     height: auto;
-    width: auto;
     max-width: 100%;
-    border-radius: 10px;
-
-    :not(.site-logo) {
-        box-shadow: inset 10px 10px 50px #fff;
-    }
 }
 
 @media only screen and (min-width: 641px) {
@@ -284,8 +193,7 @@ img {
     }
 
     h1 {
-        font-size: 2.8em;
-        font-style: bold;
+        font-size: 2.5em;
     }
 
     h2 {
@@ -307,4 +215,4 @@ img {
     h6 {
         font-size: 1.125em;
     }
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_helpers.scss b/src/sass/imports/_helpers.scss
index 5bd9cd1178..aa08b2ee13 100644
--- a/src/sass/imports/_helpers.scss
+++ b/src/sass/imports/_helpers.scss
@@ -26,11 +26,17 @@
 }
 
 // Responsive video wrappers
-.js-reframe {
-    margin: 1.875em 0;
+.block-content,
+.post-content {
+    iframe[src*='vimeo.com'],
+    iframe[src*='youtube.com'] {
+        display: block;
+        margin-bottom: 1.875em;
+        margin-top: 1.875em;
 
-    &:first-child {
-        margin-top: 0;
+        &:first-child {
+            margin-top: 0;
+        }
     }
 }
 
@@ -45,6 +51,12 @@
     &:first-child {
         margin-top: 0;
     }
+
+    p {
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
 }
 
 .note {
@@ -123,9 +135,7 @@
 // Grid
 .grid {
     display: -ms-flexbox;
-    // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;
     display: flex;
-    border-radius: 5px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-left: -$grid-gap / 2;
@@ -134,7 +144,6 @@
 
 .grid-item {
     box-sizing: border-box;
-    // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;    
     padding-left: $grid-gap / 2;
     padding-right: $grid-gap / 2;
     position: relative;
@@ -187,397 +196,3 @@
         padding-right: $container-padding / 2;
     }
 }
-
-/*
-
-------------------------------------Normalize Belor-------------------------------------------------------------------------
-
-*/
-
-
-
-
-audio,
-canvas,
-progress,
-video {
-    display: inline-block;
-    /* 1 */
-    vertical-align: baseline;
-    /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-    display: none;
-}
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-    background-color: transparent;
-}
-
-/**
- * Improve readability of focused elements when they are also in an
- * active/hover state.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-
-figure {
-    margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
-    overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-size: 1em;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-    color: inherit;
-    /* 1 */
-    font: inherit;
-    /* 2 */
-    margin: 0;
-    /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-
-button {
-    overflow: visible;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"],
-/* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button;
-    /* 2 */
-    cursor: pointer;
-    /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
-    line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type='checkbox'],
-input[type='radio'] {
-    box-sizing: border-box;
-    /* 1 */
-    padding: 0;
-    /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-    height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
- */
-
-input[type='search'] {
-    -webkit-appearance: textfield;
-    /* 1 */
-    box-sizing: content-box;
-    /* 2 */
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type='search']::-webkit-search-cancel-button,
-input[type='search']::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0;
-    /* 1 */
-    padding: 0;
-    /* 2 */
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-
-textarea {
-    overflow: auto;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
-    font-weight: bold;
-}
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-td,
-th {
-    padding: 0;
-}
\ No newline at end of file
diff --git a/src/sass/imports/_icons.scss b/src/sass/imports/_icons.scss
index 4e36651076..63a5df66ca 100644
--- a/src/sass/imports/_icons.scss
+++ b/src/sass/imports/_icons.scss
@@ -1,101 +1,101 @@
 // SVG icons
 .icon {
-  color: inherit;
-  fill: white;
-  flex-shrink: 0;
-  height: 1em;
-  line-height: 1;
-  width: 1em;
+    color: inherit;
+    fill: currentColor;
+    flex-shrink: 0;
+    height: 1em;
+    line-height: 1;
+    width: 1em;
 }
 
 // CSS icons
 .icon-menu,
 .icon-close {
-  background: white;
-  border-radius: 1px;
-  color: inherit;
-  height: 2px;
-  left: 50%;
-  margin-top: -1px;
-  margin-left: -12px;
-  position: absolute;
-  top: 50%;
-  width: 24px;
-
-  &:before,
-  &:after {
-    background: white;
+    background: currentColor;
     border-radius: 1px;
-    content: '';
-    height: 100%;
-    left: 0;
+    color: inherit;
+    height: 2px;
+    left: 50%;
+    margin-top: -1px;
+    margin-left: -12px;
     position: absolute;
-    width: 100%;
-  }
+    top: 50%;
+    width: 24px;
+
+    &:before,
+    &:after {
+        background: currentColor;
+        border-radius: 1px;
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        width: 100%;
+    }
 }
 
 .icon-menu {
-  &:before {
-    top: -6px;
-  }
+    &:before {
+        top: -6px;
+    }
 
-  &:after {
-    bottom: -6px;
-  }
+    &:after {
+        bottom: -6px;
+    }
 }
 
 .icon-close {
-  background: 0;
-  margin-left: -14px;
-  width: 28px;
+    background: 0;
+    margin-left: -14px;
+    width: 28px;
 
-  &:before {
-    top: 0;
-    -webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-  }
+    &:before {
+        top: 0;
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
 
-  &:after {
-    top: 0;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-  }
+    &:after {
+        top: 0;
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+    }
 }
 
 .icon-angle-right {
-  background: 0;
-  border-color: rgb(0, 0, 0);
-  border-style: dashed;
-  border-width: 2px 1px 0 0;
-  box-sizing: border-box;
-  height: 6px;
-  left: 70%;
-  margin-left: -2px;
-  margin-top: -2px;
-  position: absolute;
-  top: 50%;
-  width: 6px;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
+    background: 0;
+    border-color: currentColor;
+    border-style: solid;
+    border-width: 1px 1px 0 0;
+    box-sizing: border-box;
+    height: 8px;
+    left: 50%;
+    margin-left: -4px;
+    margin-top: -4px;
+    position: absolute;
+    top: 50%;
+    width: 8px;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
 }
 
 .docs-nav-toggle {
-  .icon-angle-right {
-    height: 12px;
-    left: auto;
-    margin-left: 0;
-    margin-right: 9px;
-    margin-top: -6px;
-    right: 0;
-    width: 12px;
-  }
+    .icon-angle-right {
+        height: 12px;
+        left: auto;
+        margin-left: 0;
+        margin-right: 9px;
+        margin-top: -6px;
+        right: 0;
+        width: 12px;
+    }
 }
 
 .docs-section-item {
-  .icon-angle-right {
-    left: auto;
-    margin-left: 0;
-    margin-right: 15px;
-    right: 0;
-  }
+    .icon-angle-right {
+        left: auto;
+        margin-left: 0;
+        margin-right: 15px;
+        right: 0;
+    }
 }
diff --git a/src/sass/imports/_palettes.scss b/src/sass/imports/_palettes.scss
index 4571d18d0a..ac2cc9874b 100644
--- a/src/sass/imports/_palettes.scss
+++ b/src/sass/imports/_palettes.scss
@@ -1,57 +1,57 @@
 @each $palette in map-keys($theme-palettes) {
-  $palette-suffix: '#{$palette}';
-  $color-primary: map-deep-get($theme-palettes, $palette, 'primary');
-  $color-secondary: map-deep-get($theme-palettes, $palette, 'secondary');
+    $palette-suffix: '#{$palette}';
+    $color-primary: map-deep-get($theme-palettes, $palette, 'primary');
+    $color-secondary: map-deep-get($theme-palettes, $palette, 'secondary');
 
-  .palette-#{$palette-suffix} {
-    a:not(.button) {
-      color: $color-primary;
+    .palette-#{$palette-suffix} {
+        a:not(.button) {
+            color: $color-primary;
 
-      &:hover {
-        color: $gray-600;
-      }
-      }
+            &:hover {
+                color: $gray-600;
+            }
+        }
 
-    blockquote {
-      border-color: $color-primary;
-    }
+        blockquote {
+            border-color: $color-primary;
+        }
 
-    .line-left:after,
-    .button {
-      background: $color-primary;
-    }
+        .line-left:after,
+        .button {
+            background: $color-primary;
+        }
 
-    .has-gradient {
-      background: $color-primary;
-      background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
-      background: linear-gradient(to right, $color-secondary, $color-primary);
-    }
+        .has-gradient {
+            background: $color-primary;
+            background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
+            background: linear-gradient(to right, $color-secondary, $color-primary);
+        }
 
-    .button-secondary,
-    .button-icon:hover,
-    .button-icon:focus,
-    .button-icon:active,
-    .has-gradient .button:not(.button-secondary),
-    .menu-item.current,
-    #masthead a:not(.button):hover,
-    #colophon a:not(.button):hover,
-    .post.type-docs .hash-link:hover,
-    .post.type-docs .hash-link:focus,
-    #docs-menu a:hover,
-    #docs-menu .current,
-    #docs-menu .current-parent,
-    #page-nav li.active>a,
-    #page-nav a:hover {
-      color: $color-primary;
-    }
+        .button-secondary,
+        .button-icon:hover,
+        .button-icon:focus,
+        .button-icon:active,
+        .has-gradient .button:not(.button-secondary),
+        .menu-item.current,
+        #masthead a:not(.button):hover,
+        #colophon a:not(.button):hover,
+        .post.type-docs .hash-link:hover,
+        .post.type-docs .hash-link:focus,
+        #docs-menu a:hover,
+        #docs-menu .current,
+        #docs-menu .current-parent,
+        #page-nav li.active > a,
+        #page-nav a:hover {
+            color: $color-primary;
+        }
 
-    #docs-section-items {
-      .docs-item-link {
-        &:hover {
-          border-color: $color-primary;
-          color: $color-primary;
+        #docs-section-items {
+            .docs-item-link {
+                &:hover {
+                    border-color: $color-primary;
+                    color: $color-primary;
+                }
+            }
         }
-      }
-    }
     }
 }
diff --git a/src/sass/imports/_posts.scss b/src/sass/imports/_posts.scss
index eef00c4fc2..257760b344 100644
--- a/src/sass/imports/_posts.scss
+++ b/src/sass/imports/_posts.scss
@@ -1,168 +1,166 @@
 .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;
-  }
+    .post-content {
+        padding: 2.5em 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: 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 (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 (max-width: 1200px) {
-  .post {
-      margin-bottom: 4vw;
-  }
-}
\ No newline at end of file
+@media only screen and (max-width: 1000px) {
+    .post {
+        margin-bottom: 4vw;
+    }
+}
diff --git a/src/sass/imports/_reset.scss b/src/sass/imports/_reset.scss
index 687a374aea..7ea3d17976 100644
--- a/src/sass/imports/_reset.scss
+++ b/src/sass/imports/_reset.scss
@@ -1,82 +1,82 @@
 // normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
 html {
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
 }
 
 body {
-  margin: 0;
+    margin: 0;
 }
 
 main {
-  display: block;
+    display: block;
 }
 
 hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
 }
 
 a {
-  background-color: transparent;
+    background-color: transparent;
 }
 
 a:focus {
-  outline: thin dotted;
+    outline: thin dotted;
 }
 
 a:active,
 a:hover {
-  outline: 0;
+    outline: 0;
 }
 
 abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
+    border-bottom: none;
+    text-decoration: underline;
+    text-decoration: underline dotted;
 }
 
 b,
 strong {
-  font-weight: bold;
+    font-weight: bold;
 
-  .font-fira-sans & {
-    font-weight: 600;
-  }
+    .font-fira-sans & {
+        font-weight: 600;
+    }
 }
 
 pre,
 code,
 kbd,
 samp {
-  font-family: $font-monospace;
-  font-size: 1em;
+    font-family: $font-monospace;
+    font-size: 1em;
 }
 
 small {
-  font-size: 80%;
+    font-size: 80%;
 }
 
 sub,
 sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
 }
 
 sub {
-  bottom: -0.25em;
+    bottom: -0.25em;
 }
 
 sup {
-  top: -0.5em;
+    top: -0.5em;
 }
 
 img {
-  border-style: none;
-  vertical-align: middle;
+    border-style: none;
+    vertical-align: middle;
 }
 
 button,
@@ -84,102 +84,102 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+    margin: 0;
 }
 
 button,
 input {
-  overflow: visible;
+    overflow: visible;
 }
 
 button,
 select {
-  text-transform: none;
+    text-transform: none;
 }
 
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
+[type='button'],
+[type='reset'],
+[type='submit'] {
+    -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
 }
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+    outline: 1px dotted ButtonText;
 }
 
 fieldset {
-  padding: 0.35em 0.75em 0.625em;
+    padding: 0.35em 0.75em 0.625em;
 }
 
 legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
+    box-sizing: border-box;
+    color: inherit;
+    display: table;
+    max-width: 100%;
+    padding: 0;
+    white-space: normal;
 }
 
 progress {
-  vertical-align: baseline;
+    vertical-align: baseline;
 }
 
 textarea {
-  overflow: auto;
+    overflow: auto;
 }
 
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box;
-  padding: 0;
+[type='checkbox'],
+[type='radio'] {
+    box-sizing: border-box;
+    padding: 0;
 }
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+    height: auto;
 }
 
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
+[type='search'] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
 }
 
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
+[type='search']::-webkit-search-decoration {
+    -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
+    -webkit-appearance: button;
+    font: inherit;
 }
 
 details {
-  display: block;
+    display: block;
 }
 
 summary {
-  display: list-item;
+    display: list-item;
 }
 
 template {
-  display: none;
+    display: none;
 }
 
 [hidden] {
-  display: none;
+    display: none;
 }
diff --git a/src/sass/imports/_sections.scss b/src/sass/imports/_sections.scss
index 73274618b3..bf9d393492 100644
--- a/src/sass/imports/_sections.scss
+++ b/src/sass/imports/_sections.scss
@@ -102,7 +102,7 @@
     }
 }
 
-@media only screen and (min-width: 1201px) {
+@media only screen and (min-width: 801px) {
     .block-text {
         .grid-item {
             &:not(:only-child) {
@@ -200,7 +200,7 @@
 
 // Grid section
 .block-grid {
-    .block-hero+& {
+    .block-hero + & {
         &:not(.has-header) {
             background: 0;
             padding-top: 0;
@@ -277,7 +277,7 @@
         &:not(.button) {
             &:after {
                 font-size: 1.125em;
-                content: "\2192";
+                content: '\2192';
                 line-height: 1.5;
                 margin-left: 5px;
             }
@@ -312,7 +312,7 @@
         line-height: 1.5;
     }
 
-    &+.block {
+    & + .block {
         margin-top: -5em;
         position: relative;
     }
@@ -334,4 +334,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_structure.scss b/src/sass/imports/_structure.scss
index 41211c5da7..b97a2da484 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: 110vh;
+    min-height: 100vh;
     position: relative;
 }
 
@@ -22,7 +22,7 @@
 .inner {
     margin-left: auto;
     margin-right: auto;
-    max-width: 1400px;
+    max-width: $container;
 }
 
 .inner-md {
@@ -35,4 +35,4 @@
     margin-left: auto;
     margin-right: auto;
     max-width: $container-sm;
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_tables.scss b/src/sass/imports/_tables.scss
index 6ee8b8ab5d..39fe6e9c5c 100644
--- a/src/sass/imports/_tables.scss
+++ b/src/sass/imports/_tables.scss
@@ -1,63 +1,63 @@
 table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 1.5;
-  margin: 0;
-  max-width: 100%;
-  text-align: left;
-  width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    line-height: 1.5;
+    margin: 0;
+    max-width: 100%;
+    text-align: left;
+    width: 100%;
 }
 
 caption {
-  color: $gray-500;
-  font-size: 0.875em;
-  font-style: normal;
-  margin-bottom: 1em;
-  text-align: left;
+    color: $gray-500;
+    font-size: 0.875em;
+    font-style: normal;
+    margin-bottom: 1em;
+    text-align: left;
 }
 
 th,
 td {
-  border-bottom: 1px solid $gray-300;
-  padding: 0.5em 5px;
+    border-bottom: 1px solid $gray-300;
+    padding: 0.5em 5px;
 }
 
 th {
-  color: $gray-700;
-  font-weight: bold;
+    color: $gray-700;
+    font-weight: bold;
 }
 
-:not(.responsive-table)>table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
+:not(.responsive-table) > table {
+    display: block;
+    margin: 1.875em 0;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
 
-  &:first-child {
-    margin-top: 0;
-  }
+    &:first-child {
+        margin-top: 0;
+    }
 
-  tbody,
-  thead {
-    width: 100%;
-  }
+    tbody,
+    thead {
+        width: 100%;
+    }
 
-  tr {
-    width: 100%;
-  }
+    tr {
+        width: 100%;
+    }
 
-  td {
-    min-width: 10em;
-  }
+    td {
+        min-width: 10em;
+    }
 }
 
 .responsive-table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  width: 100%;
-
-  &:first-child {
-    margin-top: 0;
-  }
+    display: block;
+    margin: 1.875em 0;
+    overflow-x: auto;
+    width: 100%;
+
+    &:first-child {
+        margin-top: 0;
+    }
 }
diff --git a/src/sass/imports/_variables.scss b/src/sass/imports/_variables.scss
index 7aa32081f5..3219e73757 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.13);
+$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
 
 // Container max width
 $container: 1200px !default;
@@ -44,7 +44,7 @@ $theme-palettes: (
         secondary: #1ba65b
     ),
     navy: (
-        primary: #1b2024,
+        primary: #004e92,
         secondary: #000428
     ),
     violet: (