diff --git a/details.html b/details.html
index 40c0356..a67c3e4 100644
--- a/details.html
+++ b/details.html
@@ -46,7 +46,7 @@
 <ul class="nav navbar-nav">
 <li class="top-menu-logo">
 <a href="/" title="Zira"><img src="/assets/images/zira.png" alt="Zira" /><span>Zira</span></a></li>
-<li class="menu-item active"><a href="/" title="Главная" class="menu-link">Главная</a></li>
+<li class="menu-item"><a href="/" title="Главная" class="menu-link">Главная</a></li>
 <li class="menu-item"><a href="/ziracms.html" title="Описание Zira CMS" class="menu-link">Описание</a></li>
 <li class="menu-item"><a href="/ziracms/install.html" title="Установка Zira CMS" class="menu-link">Установка</a></li>
 <li class="menu-item"><a href="/ziracms/update.html" title="Обновление Zira CMS" class="menu-link">Обновление</a></li>
@@ -61,17 +61,17 @@
 <div class="container">
 <div class="row">
 <div id="content" class="col-sm-8">
-<main>
-<article>
-<div class="page-header">
-<h1>Zira CMS</h1>
-</div>
-<div class="article parse-content">
 <div class="demo-wrapper">
 <video width="100%" controls autoplay muted>
 <source src="/uploads/zira/video/demo.mp4" type="video/mp4">
 </video>
 </div>
+<main>
+<article>
+<div class="article parse-content">
+<div class="page-header">
+<h1>Zira CMS</h1>
+</div>
 <p>Zira CMS - это лёгкая, простая в управлении, и в то-же время гибкая система управления сайтом.</p>
 <p>Устанавливая Zira CMS, вы&nbsp;сразу из коробки получаете наиболее часто используемые функции, такие как удобный файловый менеджер, галерея, слайдер, интеграция с социальными сетями и др. Нет необходимости в дополнительном скачивании и настройке различных плагинов и скриптов.</p>
 <p>&nbsp;</p>
diff --git a/editor/en/index.html b/editor/en/index.html
index 1059318..fc933ff 100644
--- a/editor/en/index.html
+++ b/editor/en/index.html
@@ -101,6 +101,22 @@ blockquote {
     color: #ff04c9;
     font-size: 180%;
 }
+@media only screen and (max-width:767px){
+    blockquote,
+    .zira-title-wrapper,
+    .title-wrapper,
+    .zira-cms-download-btn:link,
+    .zira-cms-download-btn:visited {
+        font-size: 100%;
+    }
+    header {
+        padding-bottom: 20px;
+    }
+    .screen-list li {
+        width: 100%;
+        margin-right: 0;
+    }
+}
 </style>
 <!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
 <!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
diff --git a/editor/ru/index.html b/editor/ru/index.html
index cb3099f..98ebd8a 100644
--- a/editor/ru/index.html
+++ b/editor/ru/index.html
@@ -101,6 +101,22 @@ blockquote {
     color: #ff04c9;
     font-size: 180%;
 }
+@media only screen and (max-width:767px){
+    blockquote,
+    .zira-title-wrapper,
+    .title-wrapper,
+    .zira-cms-download-btn:link,
+    .zira-cms-download-btn:visited {
+        font-size: 100%;
+    }
+    header {
+        padding-bottom: 20px;
+    }
+    .screen-list li {
+        width: 100%;
+        margin-right: 0;
+    }
+}
 </style>
 <!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
 <!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
diff --git a/index.html b/index.html
index 7dd1704..85573e9 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,7 @@
     height: 80px;
     text-align: center;
     margin-bottom: 30px;
+    margin-top: 60px;
 }
 #welcome-screen {
     position: relative;
@@ -54,35 +55,35 @@
     padding: 20px 0px;
 }
 .zira-title-wrapper {
-    padding: 40px 0px 80px;
-    color: #000;
+    padding: 80px 0px 40px;
+    color: #fff;
     font-size: 130%;
-    background: #f2f525 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
-    text-shadow: 0px 1px 1px #fff;
+    background: #900042 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
+    text-shadow: 0px 1px 1px #000;
 }
 .title-wrapper {
     /*    background-color: #efb103;*/
-    padding: 40px 0px 80px;
-    color: #000;
+    padding: 80px 0px 40px;
+    color: #fff;
     font-size: 130%;
-    background: #efb103 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
-    text-shadow: 0px 1px 1px #fff;
+    background: #599000 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
+    text-shadow: 0px 1px 1px #000;
 }
-.zira-title-wrapper a:link,
-.zira-title-wrapper a:visited,
-.title-wrapper a:link,
-.title-wrapper a:visited {
-    color: #333;
+.zira-title-wrapper h1 a:link,
+.zira-title-wrapper h1 a:visited,
+.title-wrapper h1 a:link,
+.title-wrapper h1 a:visited {
+    color: #fff;
     text-decoration: none;
 }
-.zira-title-wrapper a:hover,
-.title-wrapper a:hover {
-    color: #6e00ff;
+.zira-title-wrapper h1 a:hover,
+.title-wrapper h1 a:hover {
+    color: #fb07ff;
 }
 .zira-cms-download-btn:link,
 .zira-cms-download-btn:visited {
-    font-size: 200%;
-    padding: 30px 60px;
+    font-size: 150%;
+    padding: 20px 70px;
     border-radius: 40px;
     font-weight: bold;
 }
@@ -108,6 +109,14 @@ blockquote {
     font-size: 150%;
     margin-bottom: 50px;
 }
+@media only screen and (max-width:767px){
+    .zira-title-wrapper,
+    .title-wrapper,
+    .zira-cms-download-btn:link,
+    .zira-cms-download-btn:visited {
+        font-size: 100%;
+    }
+}
 </style>
 <!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
 <!--[if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif]-->
@@ -155,6 +164,9 @@ blockquote {
 </div>
 <p>Zira CMS привносит возможности рабочего стола в ваш сайт. Удобный и понятный оконный интерфейс позволит без труда разобраться в управлении даже новичку.</p>
 <p>Открывайте несколько окон параллельно, сворачивайте или разворачивайте их на весь экран. В общем работайте так, как вы привыкли это делать на своём десктопе.</p>
+<div class="zira-editor-download-wrapper">
+<a href="/details.html" class="zira-cms-download-btn">Подробнее</a>
+</div>
 </div>
 </div>
 <div class="demo-wrapper">
@@ -171,6 +183,9 @@ blockquote {
 </div>
 <p>Если Вы ищете альтернативу Geany для KDE, Вы должны попробовать Zira Editor.</p>
 <p>Zira Editor - это лёгкий и быстрый PHP редактор для Linux, Android и Raspberry Pi с подсветкой синтаксиса и авто-дополнением.</p>
+<div class="zira-editor-download-wrapper">
+<a href="/editor/ru/index.html" class="zira-cms-download-btn">Подробнее</a>
+</div>
 </div>
 </div>
 </div>
@@ -287,6 +302,7 @@ blockquote {
 </script>
 <script type="text/javascript">
 if (typeof requestAnimationFrame != "undefined") {
+    var ziraTitlePaddingTop = 0;
     var titlePaddingTop = 0;
     var titleStartHeight = 0;
     function parallax() {
@@ -307,10 +323,10 @@ if (typeof requestAnimationFrame != "undefined") {
             if (offsetP < titleHeight) {
                 $('.zira-title-wrapper').css('background-position', '50% '+offsetP+"%");
             }
-            if (titlePaddingTop > 0 && titleStartHeight > 0) {
+            if (ziraTitlePaddingTop > 0 && titleStartHeight > 0) {
                 var padding = scrollTop + windowHeight - titleTop - titleStartHeight;
-                var paddingP = titlePaddingTop + (padding / titleStartHeight) * titlePaddingTop;
-                if (paddingP < titlePaddingTop * 3) {
+                var paddingP = ziraTitlePaddingTop + (padding / titleStartHeight) * ziraTitlePaddingTop;
+                if (paddingP < ziraTitlePaddingTop * 3) {
                     $('.zira-title-wrapper').css('paddingTop', paddingP);
                 }
             }
@@ -334,6 +350,7 @@ if (typeof requestAnimationFrame != "undefined") {
         requestAnimationFrame(parallax);
     }
     $(document).ready(function(){
+        ziraTitlePaddingTop = parseInt($('.zira-title-wrapper').css('paddingTop'));
         titlePaddingTop = parseInt($('.title-wrapper').css('paddingTop'));
         titleStartHeight = parseInt($('.title-wrapper').height());
         requestAnimationFrame(parallax);
diff --git a/uploads/editor/wallpaper.png b/uploads/editor/wallpaper.png
index 86430a7..88551af 100644
Binary files a/uploads/editor/wallpaper.png and b/uploads/editor/wallpaper.png differ
diff --git a/ziracms/install.html b/ziracms/install.html
index 64f6a3e..6220023 100644
--- a/ziracms/install.html
+++ b/ziracms/install.html
@@ -33,17 +33,17 @@
 <div class="container">
 <div class="row">
 <div id="content" class="col-sm-8">
+<div class="demo-wrapper">
+<video width="100%" controls autoplay muted>
+<source src="/uploads/zira/video/install.mp4" type="video/mp4">
+</video>
+</div>
 <main>
 <article>
 <div class="page-header">
 <h1>Установка Zira CMS</h1>
 </div>
 <div class="article parse-content">
-<div class="demo-wrapper">
-<video width="100%" controls autoplay muted>
-<source src="/uploads/zira/video/install.mp4" type="video/mp4">
-</video>
-</div>
 <blockquote>Внимание! В репозитории отсутствуют папки <b>cache</b>, <b>log</b> и <b>uploads</b>, поэтому перед началом установки их нужно создать.</blockquote>
 <p>Для того, чтобы установить Zira CMS необходимо для начала загрузить файлы из распакованного архива в корневую директорию сайта. Для этого можно использовать любой FTP-клиент, например FileZilla.</p>
 <p>После чего, нужно сразу подготовить файловую систему к установке. А именно, необходимо дать права на запись для следующих директорий:</p>