diff --git a/app/assets/stylesheets/views/error_pages.css.sass b/app/assets/stylesheets/views/error_pages.css.sass
new file mode 100644
index 000000000..0e89475e0
--- /dev/null
+++ b/app/assets/stylesheets/views/error_pages.css.sass
@@ -0,0 +1,61 @@
+/*404*/
+
+article div.all
+
+  .error404
+    text-align: center
+
+    h1
+      font-size:   48px
+      font-weight: normal
+
+      span
+        color: #4496d0
+
+    h2
+      font-size:   18px
+      font-weight: normal
+
+    p
+      text-align: center
+      font-size:  14px
+
+/*500*/
+
+  .error500
+    text-align: center
+
+    h1
+      font-size:   48px
+      font-weight: normal
+
+      span
+        color: #4496d0
+
+    h2
+      font-size:   18px
+      font-weight: normal
+
+    p
+      text-align: center
+      font-size:  14px
+
+/*503*/
+
+  .error503
+  text-align: center
+
+    h1
+      font-size:   38px
+      font-weight: normal
+      text-align:  center
+
+      span
+        color: #4496d0
+
+    h2
+      font-size:   18px
+      font-weight: normal
+
+      span
+        color: #4496d0
diff --git a/public/404.html b/public/404.html
index 45803eb40..6f0a08e54 100644
--- a/public/404.html
+++ b/public/404.html
@@ -15,7 +15,7 @@
           <span class='icon-bar'></span>
           <span class='icon-bar'></span>
         </button>
-        <a class="navbar-brand" href="/"><img alt="ABF" src="/pics//logo-mini.png" /></a>
+        <a class="navbar-brand" href="/"><img alt="ABF" src="/pics/logo-mini.png" /></a>
       </div>
       <!-- Collect the nav links, forms, and other content for toggling -->
       <div class='collapse navbar-collapse' id='top-menu-navbar-collapse'>
@@ -44,8 +44,10 @@
     <div style='font-size: 12px; color: red; font-weight: bold;'>Включите javascript для корректной работы сайта</div>
   </noscript>
   <article >
+    <div class='row'>
+      <div class='col-md-6 col-md-offset-3 text-center'>
         <div class="all error404">
-
+          <img src="/pics/404.png" class='offset20 img-responsive'>
           <h1>Error <span>404</span></h1>
           <h2>Page not found</h2>
           <p class="pages">
@@ -54,9 +56,11 @@
           <p class="search">
             Or use the search.
           </p>
-          <div class="both"></div>
+          <div class="clearfix"></div>
 
         </div>
+      </div>
+    </div>
   </article>
 
   <footer class='offset20'>
diff --git a/app/assets/images/404.png b/public/pics/404.png
similarity index 100%
rename from app/assets/images/404.png
rename to public/pics/404.png