0.0.51

static/aerbimCSSMOBILE.css

@@ -87,6 +87,44 @@
     .cut-width{
         margin: 0 20px;
     }
+/*    curtain*/
+    .curtain_main{
+        height: calc(100vh - 20px);
+        padding-top: 20px;
+        background: #10212B;
+        width: 320px;
+        position: fixed;
+        top: 40px;
+        right: 0;
+        z-index: 101;
+        transition: 200ms;
+    }
+    .curtain_main.open{
+        right: 0;
+        transition: 200ms;
+    }
+    .curtain_main.close{
+        right: -320px;
+        transition: 200ms;
+    }
+
+    .container_first_line_curtain{
+        padding-bottom: 20px;
+        border-bottom: 1px solid #888;
+        width: 100%;
+    }
+    .block_overlay{
+        height: 100vh;
+        width: 100vw;
+        position: absolute;
+        z-index: 100;
+    }
+    .block_overlay.hide{
+        display: none;
+    }
+    .block_overlay.show{
+        display: block;
+    }
 }
 
 @media (max-width: 850px) {
@@ -104,6 +142,11 @@
     .text_header{
         padding-right: 20px;
     }
+    .section_btn:hover {
+        height: unset;
+        position: unset;
+        bottom: unset;
+    }
     .text_header.last_left {
         padding-right: 20px;
     }
@@ -129,6 +172,9 @@
     }
     .section_btn.open{
         height: unset;
+        bottom: unset;
+        position: unset;
+        border-radius: 0;
     }
     .section_btn.close{
         height: unset;
@@ -151,6 +197,7 @@
     }
     .section_btn:hover{
         height: unset;
+        border-radius: 0;
     }
     .img_go_to_section{
         width: 8px;
@@ -171,7 +218,22 @@
     }
 }
 
-@media (max-width: 675px) {
-
+@media (max-width: 700px) {
+    .flex_container_footer{
+        flex-wrap: wrap;
+        justify-content: right;
+    }
+    .footer_els_container{
+        width: 100%;
+    }
+    .right_part_footer{
+        width: calc(100% - 100px);
+        text-align: -webkit-right;
+        float: right;
+        margin-top: 60px;
+    }
+    .footer_el{
+        width: 100%;
+    }
 
 }