tweaked responsive breakpoints and styles

assets/styles/layouts/_layout-article.scss

@@ -1,8 +1,9 @@
 .article {
-  flex-grow: 3;
+  flex-grow: 1;
   background: $article-bg;
   border-radius: $border-radius 0 0 0;
   padding: 2rem 4rem 3rem;
+  width: 75%;
 }
 
 .article--content{
@@ -555,3 +556,13 @@
 
   }
 }
+
+@include media(medium) {
+  .article { width: 100%; }
+}
+
+@media (min-width: 801px) and (max-width: 1200px) {
+  .article {
+    width: 70%;
+  }
+}

assets/styles/layouts/_layout-sidebar.scss

@@ -2,7 +2,7 @@
   display: block;
   flex-grow: 1;
   padding: 0 1em;
-  max-width: 25%;
+  width: 25%;
 
   &--search {
     position: relative;
@@ -61,7 +61,7 @@
       display: block;
       position: relative;
       margin-top: .65rem;
-      background: $sidebar-contents;
+      background: rgba($topnav-link, .5);
       width: $line-width;
       height: $line-height;
       transition: all .3s;
@@ -74,7 +74,7 @@
         width: $line-width;
         height: $line-height;
         border-radius: 1px;
-        background: $sidebar-contents;
+        background: rgba($topnav-link, .5);
         transform: rotate(0deg);
         transition: all .3s;
       }
@@ -89,10 +89,10 @@
 
     &:hover {
       .toggle-hamburger {
-        background: $sidebar-contents-hover;
+        background: rgba($topnav-link, 1);
 
         &:before, &:after {
-          background: $sidebar-contents-hover;
+          background: rgba($topnav-link, 1);
         }
       }
     }
@@ -214,7 +214,7 @@
 
 @include media(medium) {
   .sidebar {
-    max-width: 100%;
+    width: 100%;
 
     #nav-tree {
       height: 0;
@@ -235,3 +235,9 @@
     display: none;
   }
 }
+
+@media (min-width: 801px) and (max-width: 1200px) {
+  .sidebar {
+    width: 30%;
+  }
+}

assets/styles/themes/_theme-dark.scss

@@ -28,8 +28,6 @@ $theme-switch-dark: none !default;
 // Sidebar
 $sidebar-search-border: $g5-pepper !default;
 $sidebar-search-highlight: $b-pool !default;
-$sidebar-contents: $g9-mountain !default;
-$sidebar-contents-hover: $g20-white !default;
 
 // Article Content
 $article-bg: $g3-castle !default;

assets/styles/themes/_theme-light.scss

@@ -27,8 +27,6 @@ $theme-switch-dark: inline-block;
 // Sidebar
 $sidebar-search-border: $g15-platinum;
 $sidebar-search-highlight: $b-pool;
-$sidebar-contents: $g11-sidewalk !default;
-$sidebar-contents-hover: $b-pool !default;
 
 // Article Content
 $article-bg: $g20-white;

assets/styles/tools/media-query-mixins.scss

@@ -3,10 +3,10 @@
     @media (max-width: 600px) { @content ; }
   }
   @else if $size == medium {
-    @media (max-width: 980px) { @content ; }
+    @media (max-width: 800px) { @content ; }
   }
   @else if $size == large_min {
-    @media (min-width: 981px) { @content ; }
+    @media (min-width: 801px) { @content ; }
   }
   @else if $size == large {
     @media (max-width: 1280px) { @content ; }