diff --git a/frontend/views/gallery/index.php b/frontend/views/gallery/index.php
index ab55c0a..aec6207 100644
--- a/frontend/views/gallery/index.php
+++ b/frontend/views/gallery/index.php
@@ -20,12 +20,13 @@
                     <?php foreach ($images as $gallery){?>
 
 
-                    <figure class="reviews_gallery">
-                        <figcaption class="image_figcapture"> <?=$gallery->language->title;?></figcaption>
+                    <figure class="reviews_gallery gallery_txt">
+
                         <a href="<?=$gallery->image->getUrl()?>" itemprop="contentUrl" data-size="<?= getimagesize(
                                                                                                           $gallery->image->getPath()
                                                                                                       )[ 0 ] ?>x<?= getimagesize($gallery->image->getPath()
                                                                                                                     )[ 1 ] ?>">
+                            <figcaption class="image_figcapture"> <?=$gallery->language->title;?></figcaption>
                             <img src="<?= ImageHelper::set($gallery->image->getPath())
                                                      ->cropResize(360, 216)
                                                      ->quality(82)
diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index 7d5e491..4d618fc 100755
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -118,10 +118,10 @@ _________________________________________________________ -->
                           }
                       ?>
                   </p>
-                  <p class="hidden-md hidden-lg">
-                    <a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>
-                    <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
-                  </p>
+<!--                  <p class="hidden-md hidden-lg hidden-xs hidden-sm">-->
+<!--                    <a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>-->
+<!--                    <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>-->
+<!--                  </p>-->
                 </div>
                 <div class="col-xs-7">
                   <div class="social">
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index ee54d0a..d7dfc0a 100644
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -1,159 +1,166 @@
 /* your styles go here */
-#footer{
-	padding: 20px 0;
-}
-#get-it{
-    padding: 30px 0 10px;
-}
+#footer {
+  padding: 20px 0; }
+
+#get-it {
+  padding: 30px 0 10px; }
 
 figure.reviews_gallery {
-    width: 33.333%;
-    float: left;
-    padding: 10px;
-}
+  width: 33.333%;
+  float: left;
+  padding: 10px; }
+
 .reviews_gallery img {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-}
-.reviews_gallery:last-child img{
-    margin-bottom:60px;
-}
-.my-gallery{
-	position:relative;
-}
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0; }
+
+.reviews_gallery:last-child img {
+  margin-bottom: 60px; }
+
+.gallery_txt a {
+  height: auto;
+  padding: 0; }
+.gallery_txt .image_figcapture {
+  color: #333;
+  margin-bottom: 5px; }
+.gallery_txt img {
+  position: relative;
+  max-width: 100%;
+  width: 360px;
+  top: auto;
+  height: auto; }
+.gallery_txt:nth-child(3n + 4) {
+  clear: both; }
+
+.my-gallery {
+  position: relative; }
+
 .my-gallery:after {
-    content: '';
-    display: block;
-    position: relative;
-    clear: both;
-    margin-bottom: 25px;
-}
+  content: '';
+  display: block;
+  position: relative;
+  clear: both;
+  margin-bottom: 25px; }
+
 .my-gallery a {
-    width: 100%;
-    overflow: hidden;
-    display: block;
-    height: 0;
-    padding-bottom: 60%;
-    position: relative;
-}
+  width: 100%;
+  overflow: hidden;
+  display: block;
+  height: 0;
+  padding-bottom: 60%;
+  position: relative; }
+
 .testimonials .item .testimonial .name-picture {
-    float: right;
-    width: 90%;
-    text-align: right;
-}
+  float: right;
+  width: 90%;
+  text-align: right; }
+
 .testimonials .item .testimonial .bottom .icon {
-    color: #6aae7a;
-    font-size: 20px;
-    float: left;
-    width: 10%;
-}
-.testimonials .item .testimonial .name-picture img{
-	margin-bottom:10px;
-}
-@media ( max-width: 690px ) {
-    figure.reviews_gallery{
-        width:50%;
-    }
-}
-@media ( max-width: 380px ) {
-    figure.reviews_gallery{
-        width:100%;
-    }
-}
-ul.list-style-none{
-	margin:0;padding:0;
-}
-.articles-flex{
-    display: flex;
-    flex-wrap: wrap;
-}
-.articles-flex .box-image-text{
-    height: 100%;
-    margin-bottom: 30px;
-}
+  color: #6aae7a;
+  font-size: 20px;
+  float: left;
+  width: 10%; }
+
+.testimonials .item .testimonial .name-picture img {
+  margin-bottom: 10px; }
+
+@media (max-width: 690px) {
+  figure.reviews_gallery {
+    width: 50%; } }
+@media (max-width: 380px) {
+  figure.reviews_gallery {
+    width: 100%; } }
+ul.list-style-none {
+  margin: 0;
+  padding: 0; }
+
+.articles-flex {
+  display: flex;
+  flex-wrap: wrap; }
+
+.articles-flex .box-image-text {
+  height: 100%;
+  margin-bottom: 30px; }
+
 .articles-flex p.read-more {
-    position: absolute;
-    bottom: 10px;
-    width: 100%;
-}
+  position: absolute;
+  bottom: 10px;
+  width: 100%; }
 
 /****/
-.main-car-mobile .img-responsive{
-    width:100%;
-    max-width:350px;
-    margin:0 auto;
-    text-align: center;
-}
-
-.main-car-mobile ul, .main-car-mobile p{
-    font-weight:400!important;
-    font-size: 12px;
-}
-.main-car-mobile ul li{
-    margin-bottom: 5px;
-}
-
-@media(max-width:515px){
-    .main-car-mobile h1, .main-car-mobile h2 {
-        font-size: 7vw;
-    }
-}
-@media(max-width:365px){
-    li.previous, li.next {font-size:3.5vw;}
-}
-@media(max-width:350px){
-    section .container h2.text-uppercase, .big-text{font-size: 9vw;}
-    .big-text-2{font-size: 7vw;}
-}
+.main-car-mobile .img-responsive {
+  width: 100%;
+  max-width: 350px;
+  margin: 0 auto;
+  text-align: center; }
+
+.main-car-mobile ul, .main-car-mobile p {
+  font-weight: 400 !important;
+  font-size: 12px; }
 
+.main-car-mobile ul li {
+  margin-bottom: 5px; }
+
+@media (max-width: 515px) {
+  .main-car-mobile h1, .main-car-mobile h2 {
+    font-size: 7vw; } }
+@media (max-width: 365px) {
+  li.previous, li.next {
+    font-size: 3.5vw; } }
+@media (max-width: 350px) {
+  section .container h2.text-uppercase, .big-text {
+    font-size: 9vw; }
+
+  .big-text-2 {
+    font-size: 7vw; } }
 #back-to-top {
-    position: fixed;
-    bottom: 50px;
-    right: 50px;
-    z-index: 9999;
-    width: 48px;
-    height: 48px;
-    text-align: center;
-    line-height: 50px;
-    background-color: #6aae7a;
-    cursor: pointer;
-    text-decoration: none;
-    transition: opacity 0.2s ease-out;
-    opacity: 0;
-    border-radius: 50%;
-    box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
-    background-image: url("/img/arrow-up-big.png") !important;
-    background-position: 50% 50% !important;
-    background-repeat: no-repeat !important;
-}
+  position: fixed;
+  bottom: 50px;
+  right: 50px;
+  z-index: 9999;
+  width: 48px;
+  height: 48px;
+  text-align: center;
+  line-height: 50px;
+  background-color: #6aae7a;
+  cursor: pointer;
+  text-decoration: none;
+  transition: opacity 0.2s ease-out;
+  opacity: 0;
+  border-radius: 50%;
+  box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
+  background-image: url("/img/arrow-up-big.png") !important;
+  background-position: 50% 50% !important;
+  background-repeat: no-repeat !important; }
 
 #back-to-top:hover {
-    transition: 0.2s;
-    background: #206b5c;
-    color: #fff;
-}
+  transition: 0.2s;
+  background: #206b5c;
+  color: #fff; }
 
 #back-to-top.show {
-    opacity: 1;
-}
+  opacity: 1; }
 
 .langs {
-    text-transform: uppercase;
-    line-height: 23px;
-    margin-top: 2px;
-    display: inline-block;
-    margin-bottom: -2px;
-    margin-left: 10px;
-}
+  text-transform: uppercase;
+  line-height: 23px;
+  margin-top: 2px;
+  display: inline-block;
+  margin-bottom: -2px;
+  margin-left: 10px; }
 
 .langs a.active {
-    color: #2f5a89 !important;
-    font-weight: bold;
-    cursor: default;
-    text-decoration: none;
-}
-
-.has-error .form-control {border-color: #e80000;}
-.has-success .form-control {border-color: #009e03;}
\ No newline at end of file
+  color: #2f5a89 !important;
+  font-weight: bold;
+  cursor: default;
+  text-decoration: none; }
+
+.has-error .form-control {
+  border-color: #e80000; }
+
+.has-success .form-control {
+  border-color: #009e03; }
+
+/*# sourceMappingURL=custom.css.map */
diff --git a/frontend/web/css/custom.css.map b/frontend/web/css/custom.css.map
new file mode 100644
index 0000000..d44fc03
--- /dev/null
+++ b/frontend/web/css/custom.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["custom.scss"],
+"names": [],
+"file": "custom.css"
+}
\ No newline at end of file
diff --git a/frontend/web/css/custom.scss b/frontend/web/css/custom.scss
new file mode 100644
index 0000000..6823da9
--- /dev/null
+++ b/frontend/web/css/custom.scss
@@ -0,0 +1,181 @@
+/* your styles go here */
+#footer{
+	padding: 20px 0;
+}
+#get-it{
+    padding: 30px 0 10px;
+}
+
+figure.reviews_gallery {
+    width: 33.333%;
+    float: left;
+    padding: 10px;
+}
+.reviews_gallery img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+}
+.reviews_gallery:last-child img{
+    margin-bottom:60px;
+}
+
+
+.gallery_txt {
+    a {
+        height: auto;
+        padding: 0;
+    }
+    .image_figcapture {
+        color: #333;
+        margin-bottom: 5px;
+    }
+    img {
+        position: relative;
+        max-width: 100%;
+        width: 360px;
+        top: auto;
+        height: auto;
+    }
+    &:nth-child(3n + 4) {
+        clear: both;
+    }
+}
+.my-gallery{
+	position:relative;
+}
+.my-gallery:after {
+    content: '';
+    display: block;
+    position: relative;
+    clear: both;
+    margin-bottom: 25px;
+}
+.my-gallery a {
+    width: 100%;
+    overflow: hidden;
+    display: block;
+    height: 0;
+    padding-bottom: 60%;
+    position: relative;
+}
+.testimonials .item .testimonial .name-picture {
+    float: right;
+    width: 90%;
+    text-align: right;
+}
+.testimonials .item .testimonial .bottom .icon {
+    color: #6aae7a;
+    font-size: 20px;
+    float: left;
+    width: 10%;
+}
+.testimonials .item .testimonial .name-picture img{
+	margin-bottom:10px;
+}
+@media ( max-width: 690px ) {
+    figure.reviews_gallery{
+        width:50%;
+    }
+}
+@media ( max-width: 380px ) {
+    figure.reviews_gallery{
+        width:100%;
+    }
+}
+ul.list-style-none{
+	margin:0;padding:0;
+}
+.articles-flex{
+    display: flex;
+    flex-wrap: wrap;
+}
+.articles-flex .box-image-text{
+    height: 100%;
+    margin-bottom: 30px;
+}
+.articles-flex p.read-more {
+    position: absolute;
+    bottom: 10px;
+    width: 100%;
+}
+
+/****/
+.main-car-mobile .img-responsive{
+    width:100%;
+    max-width:350px;
+    margin:0 auto;
+    text-align: center;
+}
+
+.main-car-mobile ul, .main-car-mobile p{
+    font-weight:400!important;
+    font-size: 12px;
+}
+.main-car-mobile ul li{
+    margin-bottom: 5px;
+}
+
+@media(max-width:515px){
+    .main-car-mobile h1, .main-car-mobile h2 {
+        font-size: 7vw;
+    }
+}
+@media(max-width:365px){
+    li.previous, li.next {font-size:3.5vw;}
+}
+@media(max-width:350px){
+    section .container h2.text-uppercase, .big-text{font-size: 9vw;}
+    .big-text-2{font-size: 7vw;}
+}
+
+#back-to-top {
+    position: fixed;
+    bottom: 50px;
+    right: 50px;
+    z-index: 9999;
+    width: 48px;
+    height: 48px;
+    text-align: center;
+    line-height: 50px;
+    background-color: #6aae7a;
+    cursor: pointer;
+    text-decoration: none;
+    transition: opacity 0.2s ease-out;
+    opacity: 0;
+    border-radius: 50%;
+    box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
+    background-image: url("/img/arrow-up-big.png") !important;
+    background-position: 50% 50% !important;
+    background-repeat: no-repeat !important;
+}
+
+#back-to-top:hover {
+    transition: 0.2s;
+    background: #206b5c;
+    color: #fff;
+}
+
+#back-to-top.show {
+    opacity: 1;
+}
+
+.langs {
+    text-transform: uppercase;
+    line-height: 23px;
+    margin-top: 2px;
+    display: inline-block;
+    margin-bottom: -2px;
+    margin-left: 10px;
+}
+
+.langs a.active {
+    color: #2f5a89 !important;
+    font-weight: bold;
+    cursor: default;
+    text-decoration: none;
+}
+
+.has-error .form-control {border-color: #e80000;}
+.has-success .form-control {border-color: #009e03;}
\ No newline at end of file
diff --git a/frontend/web/js/front.js b/frontend/web/js/front.js
index b0e5b46..ae2be28 100755
--- a/frontend/web/js/front.js
+++ b/frontend/web/js/front.js
@@ -668,17 +668,17 @@ $.fn.alignElementsSameHeight = function() {
 }
 
 var windowWidth = $(window).width();
-$(window).load(
-        function() {
-
-           windowWidth = $(window).width();
-
-            $(this)
-                .alignElementsSameHeight();
-            pictureZoom();
-        }
-    );
-alert('dfs')
+// $(window).load(
+//         function() {
+//
+//            windowWidth = $(window).width();
+//
+//             $(this)
+//                 .alignElementsSameHeight();
+//             pictureZoom();
+//         }
+//     );
+// alert('dfs')
 $(window).resize(function() {
 
 
--
libgit2 0.21.4