From f4c4305d8a6fd1b68ac71c36ba172ca5aa768a21 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 14:29:44 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=B0=D1=81=D0=BA=D0=B0=D0=B4=D0=BD?=
 =?UTF-8?q?=D0=B0=D1=8F=20(1024-800-640)=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=BE=D1=81=D0=BD=D0=BE=D0=B2=D0=BD=D0=BE=D0=B3=D0=BE?=
 =?UTF-8?q?=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style/main.css | 107 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 105 insertions(+), 2 deletions(-)

diff --git a/style/main.css b/style/main.css
index d0ec4c8..33e2656 100644
--- a/style/main.css
+++ b/style/main.css
@@ -3,7 +3,7 @@ html, body {
 }
 
 .mainContainer {
-    width: 85%;
+    width: 1024px;
     margin: auto;
     min-height: 100%;
 }
@@ -200,13 +200,116 @@ img, iframe {
     max-width: 100%;
 }
 
-@media only screen and (max-width : 640px) {
+@media only screen and (max-width : 1024px) {
     nav {
         display: block;
         overflow: hidden;
         background-color: #93ff83;
     }
 
+    .mainContainer {
+   	 width: 968px;
+    }    
+
+
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}
+
+
+
+
+@media only screen and (max-width : 968px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 800px;
+    }    
+
+
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}
+
+@media only screen and (max-width : 800px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 640px;
+    }    
+
+
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}
+
+
+@media only screen and (max-width : 640px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 600px;
+    }    
     .mainContainer > nav > a {
         margin: 10px;
     }