From 2a791ed8dc575f60d445916fcfeeec62c9731d31 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 16:53:55 +0300
Subject: [PATCH 1/4] lesser resolutions

---
 style/main.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

diff --git a/style/main.css b/style/main.css
index 33e2656..7aafd2f 100644
--- a/style/main.css
+++ b/style/main.css
@@ -308,7 +308,7 @@ img, iframe {
     }
 
     .mainContainer {
-   	 width: 600px;
+   	 width: 520px;
     }    
     .mainContainer > nav > a {
         margin: 10px;
@@ -329,3 +329,67 @@ img, iframe {
         margin: 15px 0;
     }
 }
+
+
+@media only screen and (max-width : 520px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 480px;
+    }    
+    .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 : 480px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 375px;
+    }    
+    .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;
+    }
+}
+
+
+

From c58ed0ad7f7aa1e1de851734147d3175d6fbaa23 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 16:58:37 +0300
Subject: [PATCH 2/4] index

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 2f88b83..b42682d 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,8 @@
     </nav>
     <div class="content">
         <h1>У вас всегда есть выбор.</h1>
-	<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
- Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
+	<p>  <a class="button" href="info.html">Узнать подробности</a>
+Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
 	</p>
 	<br>
 	<hr style="clear: right">

From c6a180d46f46497182932fd62b58fdfe3119f949 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 16:59:51 +0300
Subject: [PATCH 3/4] inedx

---
 index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b42682d..4162233 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,9 @@
     </nav>
     <div class="content">
         <h1>У вас всегда есть выбор.</h1>
-	<p>  <a class="button" href="info.html">Узнать подробности</a>
-Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
+	<p>Чем плохи централизованные соцсети и сервисы?   <a class="button" href="info.html">Узнать подробности</a>
+
+	Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
 	</p>
 	<br>
 	<hr style="clear: right">

From 7cccfa10bce63969c7972aa3aab13aafccc8538c Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 17:07:32 +0300
Subject: [PATCH 4/4] index + button

---
 index.html     | 6 +++---
 style/main.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 4162233..0905c2a 100644
--- a/index.html
+++ b/index.html
@@ -21,9 +21,9 @@
     </nav>
     <div class="content">
         <h1>У вас всегда есть выбор.</h1>
-	<p>Чем плохи централизованные соцсети и сервисы?   <a class="button" href="info.html">Узнать подробности</a>
-
-	Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
+	<p><a class="button" href="info.html">Узнать подробности</a>
+	Чем плохи привычные централизованные соцсети и сервисы?
+	Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как. 
 	</p>
 	<br>
 	<hr style="clear: right">
diff --git a/style/main.css b/style/main.css
index 7aafd2f..e0f8d9f 100644
--- a/style/main.css
+++ b/style/main.css
@@ -11,7 +11,7 @@ html, body {
 .button {
     border-radius: 5px;
     display: block;
-    padding: 20px;
+    padding: 15px;
     background-color:  #cde6ea;
     box-sizing: content-box;
     text-decoration: none;