резиновость, новые скриншоты

css/base.css

@@ -20,7 +20,7 @@
         border-radius:2px;
         border:1px solid #667;
         display:inline-block;
-        width: 98%;
+        width: 96%;
         height: 99%;
         color: #c5c6c7;
         padding: 1% 1% 1% 1%;
@@ -34,8 +34,8 @@
 
 body {
         font: 100%/150% exo2;
-        width: 80%%;
-        max-width: 90%;
+        width: 60%;
+        max-width: 80%;
         margin: 0 auto;
         background-color:#0b0c10;
 }
@@ -72,4 +72,19 @@ h1, h2, h3 {
     font-family: "exo2";
  }
 
+@media screen and (max-width: 900px) {
+	body {
+		max-width: 90%;
+		width: 80%;
+	}
+}
+
+
+@media screen and (max-width: 716px) {
+	body {
+		max-width: 98%;
+		width: 96%;
+	}
+}
+
 

css/menu.css

@@ -59,7 +59,7 @@
   display: inline-block;
 }
 
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 716px) {
   .topnav a:not(:first-child), .dropdown .dropbtn {
     display: none;
   }
@@ -69,7 +69,7 @@
   }
 }
 
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 716px) {
   .topnav.responsive {position: relative;}
   .topnav.responsive .icon {
     position: absolute;