diff --git a/public/css/index.css b/public/css/index.css
index 3c64699..206b345 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -4,6 +4,7 @@
   --color-gray-90: #002b36;
   --sidebar-width: 280px;
   --main-width: 780px;
+  --main-width-large: 900px;
 
 	/* --text-color is assigned to --color-gray-_ above */
 	--text-color-link: #4c2512;
@@ -51,7 +52,7 @@ body {
 }
 
 .wrapper {
-  max-width: var(--main-width);
+  max-width: var(--main-width-large);
   margin: auto;
   position: relative;
 }
@@ -333,7 +334,7 @@ iframe {
   background-color:rgba(201, 42, 42, .1);
 }
 
-@media screen and (max-width: 1300px) {
+@media screen and (max-width: 1350px) {
   .wrapper {
     margin-left: var(--sidebar-width);
     position: relative;
@@ -411,6 +412,14 @@ iframe {
   }
 }
 
+
+@media screen and (max-width: 1600px) {
+  .wrapper {
+    max-width: var(--main-width);
+  }
+  
+}
+
 @media screen and (max-width: 600px) {
   header h1 a[href] {
     font-size: 5rem;