diff --git a/project/templates/blocks/arts.html b/project/templates/blocks/arts.html
index 1206b363..e88b9408 100644
--- a/project/templates/blocks/arts.html
+++ b/project/templates/blocks/arts.html
@@ -1,32 +1,37 @@
 {% load static %}
 <div class="section section_arts">
-  <div class="section__center center">
+  <div class="section__center">
     <div class="arts">
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art1.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art01.png' %});">
           <div class="arts__title">Персонаж</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art2.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art02.png' %});">
           <div class="arts__title">Развитие креативного мышления</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art3.png' %});">
-          <div class="arts__title">сочная и живая акварельная живопись</div>
+        <div class="arts__item" style="background-image: url({% static 'img/art03.png' %});">
+          <div class="arts__title">Акварельная живопись</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art4.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art04.png' %});">
           <div class="arts__title">Пластилиновая живопись</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art5.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art05.png' %});">
           <div class="arts__title">История искусств</div>
         </div>
       </div>
+      <div class="arts__col">
+        <div class="arts__item" style="background-image: url({% static 'img/art06.png' %});">
+          <div class="arts__title">Коллаж</div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
diff --git a/project/templates/lilcity/index.html b/project/templates/lilcity/index.html
index 01b85e5f..dadc8a20 100644
--- a/project/templates/lilcity/index.html
+++ b/project/templates/lilcity/index.html
@@ -30,7 +30,7 @@
     {% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
 
     <meta name="csrf-token" content="{{ csrf_token }}">
-    <link rel="stylesheet" media="all" href={% static "app.css" %}?1>
+    <link rel="stylesheet" media="all" href={% static "app.css" %}?2>
     <link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.png' %}"/>
     <script>
         var viewportmeta = document.querySelector('meta[name="viewport"]');
diff --git a/web/src/img/art01.png b/web/src/img/art01.png
new file mode 100644
index 00000000..6aea69d5
Binary files /dev/null and b/web/src/img/art01.png differ
diff --git a/web/src/img/art02.png b/web/src/img/art02.png
new file mode 100644
index 00000000..0ef2f91b
Binary files /dev/null and b/web/src/img/art02.png differ
diff --git a/web/src/img/art03.png b/web/src/img/art03.png
new file mode 100644
index 00000000..f41cb6a0
Binary files /dev/null and b/web/src/img/art03.png differ
diff --git a/web/src/img/art04.png b/web/src/img/art04.png
new file mode 100644
index 00000000..9d971935
Binary files /dev/null and b/web/src/img/art04.png differ
diff --git a/web/src/img/art05.png b/web/src/img/art05.png
new file mode 100644
index 00000000..11bec4b2
Binary files /dev/null and b/web/src/img/art05.png differ
diff --git a/web/src/img/art06.png b/web/src/img/art06.png
new file mode 100644
index 00000000..373a1397
Binary files /dev/null and b/web/src/img/art06.png differ
diff --git a/web/src/img/art1.png b/web/src/img/art1.png
deleted file mode 100644
index 5010916d..00000000
Binary files a/web/src/img/art1.png and /dev/null differ
diff --git a/web/src/img/art2.png b/web/src/img/art2.png
deleted file mode 100644
index 05806a72..00000000
Binary files a/web/src/img/art2.png and /dev/null differ
diff --git a/web/src/img/art3.png b/web/src/img/art3.png
deleted file mode 100644
index 24448b9d..00000000
Binary files a/web/src/img/art3.png and /dev/null differ
diff --git a/web/src/img/art4.png b/web/src/img/art4.png
deleted file mode 100644
index f2cd1386..00000000
Binary files a/web/src/img/art4.png and /dev/null differ
diff --git a/web/src/img/art5.png b/web/src/img/art5.png
deleted file mode 100644
index 92bc16c9..00000000
Binary files a/web/src/img/art5.png and /dev/null differ
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index f6c2dc66..b84cca94 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -3648,18 +3648,26 @@ a.grey-link
     margin-bottom: -24px
   &__col
     padding: 0 12px
-    flex: 0 0 20%
+    flex: 0 0 16%
     +t
-      flex: 0 0 33.33%
+      flex: 0 0 28%
+      margin-bottom: 15px
     +m
       margin-bottom: 24px
       flex: 0 0 50%
+    &:hover
+      .arts__title
+        display: none
+      .arts__item:before
+        background: rgba(255,255,255,0)
+        transition: all .1s ease-out 0.1s
   &__item
     position: relative
     border-radius: 50%
     background-position: 50% 50%
     background-size: cover
     &:before
+      background: rgba(255,255,255,0.8)
       content: ''
       display: block
       padding-bottom: 100%