diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
index f41445d..144895c 100644
Binary files a/android-chrome-192x192.png and b/android-chrome-192x192.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
index 563d05b..fe689f0 100644
Binary files a/android-chrome-512x512.png and b/android-chrome-512x512.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
index ec51531..9d6b245 100644
Binary files a/apple-touch-icon.png and b/apple-touch-icon.png differ
diff --git a/ch.html b/ch.html
index 925b716..938a0ee 100644
--- a/ch.html
+++ b/ch.html
@@ -2,8 +2,8 @@
 <html>
     <head>
         <title>Страница главы</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/ch.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/ch.css?v=3">
         <link rel="stylesheet" href="css/color-dark.css">
         <script type="text/javascript" src="js/ch.js"></script>
         <script type="text/javascript" src="js/theming.js"></script>
@@ -20,6 +20,7 @@
         <meta property="og:title" content="Глава">
         <meta property="og:site_name" content="manga.nyaa.ninja">
         <meta property="og:description" content="Страница главы">
+        <meta property="og:image" content="android-chrome-512x512.png">
     </head>
     <body>
         <script type="text/javascript">
@@ -28,26 +29,34 @@
         <div class="body-trans">
             <div id="maindiv">
                 <progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
-                <div id="bodydiv" style="visibility: hidden;">
-                    <div id="title_ch" class="titlediv">
-                        <h2 id="namech"></h2>
+                <div class="content" id="bodydiv" style="visibility: hidden;">
+                    <div class="onecol">
+                        <div id="title_ch" class="titlediv">
+                            <h2 id="namech"></h2>
+                        </div>
+                        <button class="card-button-ch nav-button-home pc-only"  onclick="manga_page()">Главы</button>
+                        <button class="card-button-ch nav-button-fullscreen pc-only"  onclick="toggleFullScreen()">Экран</button>
+                        <div id="copyright" class="copyright pc-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                            <a class="aace links" href="setting.html">Настройки</a>
+                        </div>
                     </div>
-                    <div class="contentdiv">
+                    <div class="twocol">
                         <progress class="progress-page" id="progressimage"></progress><br>
                         <p class="aace"><span id="curentpage">1</span> / <span id="totalpage"></span></p>
                         <img src="" id="mangapage"><br>
                         <progress class="progress-page" id="progressimage2"></progress><br>
                         <div id="pc_elem">
-                        <button id="prevbutton" class="card-button-ch nav-button" onclick="page_flip(-1)">&#60; Страница</button><button class="card-button-ch nav-button-fullscreen"  onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home"  onclick="manga_page()">Главы</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button>
+                        <button id="prevbutton" class="card-button-ch nav-button" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button>
                         </div>
                         <div id="mobile_elem">
                             <button id="prevbutton" class="card-button-ch nav-button" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button></br>
                             <button class="card-button-ch nav-button-fullscreen"  onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home"  onclick="manga_page()">Главы</button>
                         </div>
-                        <div id="copyright" class="copyright">
-                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
-                            <a class="aace links" href="setting.html">Настройки</a>
-                        </div>
+                    </div>
+                    <div id="copyright" class="copyright mobile-only">
+                        <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                        <a class="aace links" href="setting.html">Настройки</a>
                     </div>
                 </div>
             </div>
diff --git a/css/ch.css b/css/ch.css
index 1fcc1cb..2fda623 100644
--- a/css/ch.css
+++ b/css/ch.css
@@ -19,15 +19,15 @@
 
 @media only screen and (min-width : 801px) {
     .nav-button {
-        width: 35%;
+        width: 50%;
         height: 15%;
     }
     .nav-button-home {
-        width: 20%;
+        width: 100%;
         height: 15%;
     }
     .nav-button-fullscreen {
-        width: 10%;
+        width: 100%;
         height: 15%;
     }
     .card-button-ch {
diff --git a/css/index.css b/css/index.css
index 71a9dfc..c3262c2 100644
--- a/css/index.css
+++ b/css/index.css
@@ -33,7 +33,7 @@
 
 @media only screen and (min-width : 801px) {
     .last-ch {
-        width: 50%;
+        width: 100%;
         height: 15%;
         padding-left: 0px;
         padding-right: 0px;
@@ -41,7 +41,7 @@
         padding-bottom: 15px;
     }
     .promo-link {
-        width: 50%;
+        width: 100%;
         height: 15%;
         padding-left: 0px;
         padding-right: 0px;
diff --git a/css/manga.css b/css/manga.css
index e162810..8009db1 100644
--- a/css/manga.css
+++ b/css/manga.css
@@ -1,9 +1,7 @@
 .progress-page {
     width: 100%;
 }
-.cover {
-    width: 25%;
-}
+
 .invis {
     display: none;
 }
@@ -21,4 +19,16 @@
     padding-bottom: 2px;
     padding-right: 2px;
     font-family: "Comic Sans MS";
+}
+
+@media only screen and (min-width : 801px) { 
+    .cover {
+        width: 90%;
+    }
+}
+
+@media only screen and (max-width : 800px) {
+    .cover {
+        width: 25%;
+    }
 }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 3d30ba6..674493b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -131,11 +131,14 @@ td, th {
 .al-left {
     text-align: left;
 }
+
+
 @media only screen and (min-width : 801px) {
-    #maindiv {
-        width: 60%;
-        margin-left: 20%;
-        margin-right: 20%;
+    .pc-only {
+        display: block;
+    }
+    .mobile-only {
+        display: none;
     }
     .sitebuttons {
         width: 100%;
@@ -147,14 +150,43 @@ td, th {
     table {
         width: 150px;
     }
-}
-    
-@media only screen and (max-width : 800px) {
-    #maindiv {
-        width: 100%;
-        margin-left: 0%;
-        margin-right: 0%;
+    .content {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        max-height: 100%;
+        padding: 0;
     }
+    .onecol {
+        width: 20%;
+        height: 100%;
+        background-clip: content-box;
+        list-style: none;
+        padding-right: 1%;
+    }
+    .twocol {
+        width: 79%;
+        height: 100%;
+        background-clip: content-box;
+        list-style: none;
+    }
+}
+
+@media only screen and (min-width : 801px) and (max-width : 1090px) {
+    .titlediv {
+        font-size: 60%;
+    }
+}
+
+@media only screen and (min-width : 1091px) {
+    .titlediv {
+        font-size: 80%;
+    }
+}
+
+
+
+@media only screen and (max-width : 800px) {
     .sitebuttons {
         width: 100%;
     }
@@ -165,4 +197,10 @@ td, th {
     table {
         width: 130px;
     }
+    .pc-only {
+        display: none;
+    }
+    .mobile-only {
+        display: block;
+    }
 }
\ No newline at end of file
diff --git a/favicon-16x16.png b/favicon-16x16.png
index 5f6ac9a..9295e81 100644
Binary files a/favicon-16x16.png and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
index 8f47800..7695d4f 100644
Binary files a/favicon-32x32.png and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
index 80fbb04..3653629 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/index.html b/index.html
index 79f63b8..25da68f 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,8 @@
 <html>
     <head>
         <title>Loading...</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/index.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/index.css?v=3">
         <script type="text/javascript" src="js/index.js"></script>
         <script type="text/javascript" src="js/theming.js"></script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -20,6 +20,7 @@
         <meta property="og:title" content="Главная">
         <meta property="og:site_name" content="manga.nyaa.ninja">
         <meta property="og:description" content="Главная страница">
+        <meta property="og:image" content="android-chrome-512x512.png">
         <!--
         <meta name="viewport" content="height=device-height">
         <meta name="viewport" content="user-scalable=yes">
@@ -33,20 +34,28 @@
             <div id="maindiv">
                 <progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
                 <div id="bodydiv" style="visibility: hidden;">
-                    <!—noindex—>
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1>
+                    <div class="content">
+                        <!—noindex—>
+                        <div class="onecol">
+                            <img id="cover" class="cover">
+                            <div id="title" class="titlediv">
+                                <h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1>
+                            </div>
+                            <a class="aace links" href="https://discord.gg/WGktEbWTEV" target="_blank"><button class="card-button promo-link">[Discord] Новости на Silver Town</button></a><button id="lastchbutton" class="card-button last-ch" onclick="last_ch_go()"></button>
+                            <div class="copyright pc-only">
+                                <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a> | <a class="aace links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
+                                <a class="aace links" href="setting.html">Настройки</a>
+                            </div>
+                        </div>
+                        <!—/noindex—>
+                        <div class="twocol">
+                            <p id="helper1" class="invis"></p>
+                        </div>
+                        <div class="copyright mobile-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a> | <a class="aace links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
+                            <a class="aace links" href="setting.html">Настройки</a>
+                        </div>
                     </div>
-                    <a class="aace links" href="https://discord.gg/WGktEbWTEV" target="_blank"><button class="card-button promo-link">[Discord] Новости на Silver Town</button></a><button id="lastchbutton" class="card-button last-ch" onclick="last_ch_go()"></button>
-                    <!—/noindex—>
-                    <p id="helper1" class="invis"></p>
-                </div>
-                <div class="copyright">
-                    <!—noindex—>
-                    <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a> | <a class="aace links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
-                    <a class="aace links" href="setting.html">Настройки</a>
-                    <!—/noindex—>
                 </div>
             </div>
         </div>
diff --git a/manga.html b/manga.html
index 64c0cae..a07c267 100644
--- a/manga.html
+++ b/manga.html
@@ -2,8 +2,8 @@
 <html>
     <head>
         <title>Страница манги</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/manga.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/manga.css?v=3">
         <link rel="stylesheet" href="css/color-dark.css">
         <script type="text/javascript" src="js/manga.js"></script>
         <script type="text/javascript" src="js/theming.js"></script>
@@ -20,6 +20,7 @@
         <meta property="og:title" content="Манги">
         <meta property="og:site_name" content="manga.nyaa.ninja">
         <meta property="og:description" content="Страница манги">
+        <meta property="og:image" content="android-chrome-512x512.png">
     </head>
     <body>
         <script type="text/javascript">
@@ -28,27 +29,35 @@
         <div class="body-trans">
             <div id="maindiv">
                 <progress class="progress-page" id="progress"></progress><br>
-                <div id="bodydiv" style="visibility: hidden;">
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1></h1>
+                <div class="content" id="bodydiv" style="visibility: hidden;">
+                    <div class="onecol">
+                        <img id="cover" class="cover">
+                        <div id="title" class="titlediv">
+                            <h1></h1>
+                        </div>
+                        <div class="copyright pc-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                            <a class="aace links" href="setting.html">Настройки</a>
+                        </div>
                     </div>
-                    <div id="cardinfo" class="card">
-                        <p id="cardinfo1"></p>
-                        <p id="cardinfo2"></p>
-                        <p id="cardinfo3"></p>
-                    </div>
-                    <div id="cardinfo" class="card">
-                        <p>Описание:</p>
-                        <p id="descriptionmanga" class="aace"></p>
-                    </div>
-                    <div id="cardinfoch" class="cardch">
-                        <p>Главы:</p>
-                        <p id="helper1" class="invis"></p>
-                    </div>
-                    <div class="copyright">
-                        <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
-                        <a class="aace links" href="setting.html">Настройки</a>
+                    <div class="twocol">
+                        <div id="cardinfo" class="card">
+                            <p id="cardinfo1"></p>
+                            <p id="cardinfo2"></p>
+                            <p id="cardinfo3"></p>
+                        </div>
+                        <div id="cardinfo" class="card">
+                            <p>Описание:</p>
+                            <p id="descriptionmanga" class="aace"></p>
+                        </div>
+                        <div id="cardinfoch" class="cardch">
+                            <p>Главы:</p>
+                            <p id="helper1" class="invis"></p>
+                        </div>
+                        <div class="copyright mobile-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                            <a class="aace links" href="setting.html">Настройки</a>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/setting.html b/setting.html
index 7cbfe90..df0bddd 100644
--- a/setting.html
+++ b/setting.html
@@ -2,8 +2,8 @@
 <html>
     <head>
         <title>Loading...</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/setting.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/setting.css?v=3">
         <script type="text/javascript" src="js/theming.js"></script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script>
@@ -17,7 +17,8 @@
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
         <meta property="og:title" content="Главная">
         <meta property="og:site_name" content="manga.nyaa.ninja">
-        <meta property="og:description" content="Главная страница">
+        <meta property="og:description" content="Настройки">
+        <meta property="og:image" content="android-chrome-512x512.png">
         <!--
         <meta name="viewport" content="height=device-height">
         <meta name="viewport" content="user-scalable=yes">
@@ -29,22 +30,28 @@
         </script>
         <div class="body-trans">
             <div id="maindiv">
-                <div id="bodydiv">
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1>Настройки</h1>
+                <div id="bodydiv" class="content">
+                    <div class="onecol">
+                        <div id="title" class="titlediv">
+                            <h1>Настройки</h1>
+                        </div>
+                        <div class="copyright pc-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                        </div>
                     </div>
-                    <div class="al-left">
-                        <p class="aace">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
-                        <h2 class="aace al-left">Тема</h2>
-                        <button class="theme-button" onclick="swap_theme(3)">Темная</button><br>
-                        <button class="theme-button" onclick="swap_theme(2)">Белая</button><br>
-                        <button class="theme-button" onclick="swap_theme(1)">Чёрная</button><br>
+                    <div class="twocol">
+                        <div class="al-left">
+                            <p class="aace">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
+                            <h2 class="aace al-left">Тема</h2>
+                            <button class="theme-button" onclick="swap_theme(3)">Темная</button><br>
+                            <button class="theme-button" onclick="swap_theme(2)">Белая</button><br>
+                            <button class="theme-button" onclick="swap_theme(1)">Чёрная</button><br>
+                        </div>
+                        <div class="copyright mobile-only">
+                            <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
+                        </div>
                     </div>
                 </div>
-                <div class="copyright">
-                    <a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
-                </div>
             </div>
         </div>
     </body>
