Update

css/response_1023.css

@@ -1,91 +1,283 @@
 @media print,
 (max-width: 1023px)
 {
+    /*------------
+        Header
+    ------------*/
+    header .data
+    {
+        padding: 20px 24px;
+    }
+
+
+    header nav
+    {
+        display: none;
+    }
+
+
+
+    /*----------
+        Tabs
+    ----------*/
+    .tabs .btn
+    {
+        font-size: 18px;
+    }
+
+
+    .tab_content.active
+    {
+        padding: 24px;
+    }
+
+
+
     /*-------------------
         First section
     -------------------*/
-    .first_section .title br
+    .first_section
     {
-        display: none;
+        margin-bottom: 100px;
+        padding: 220px 0 40px;
+    }
+
+
+    .first_section .title
+    {
+        font-size: 60px;
+    }
+
+
+    .first_section .desc
+    {
+        font-size: 18px;
+
+        width: 428px;
     }
 
 
+
     /*-------------------
         What spacebox
     -------------------*/
     .what_spacebox
     {
-        margin-top: -48px;
+        margin-bottom: 24px;
     }
 
 
-    .what_spacebox .before
+    .what_spacebox .data
     {
-        height: 48px;
+        padding: 39px;
     }
 
 
-    .what_spacebox .data > div
+    .what_spacebox .before
     {
-        padding: 63px 39px;
+        height: 52px;
     }
 
 
     .what_spacebox .title
     {
-        font-size: 44px;
+        font-size: 20px;
+
+        width: calc(100% - 280px);
+    }
+
+
+    .what_spacebox .img
+    {
+        right: 40px;
+
+        width: 340px;
     }
 
 
 
     /*-----------
         Stats
     -----------*/
-    .stats .row > *
+    .stats
     {
-        width: calc(50% - 24px);
+        margin-bottom: 100px;
     }
 
 
-    .stats .item
+    .stats .item .val
     {
-        padding: 0 24px;
+        font-size: 22px;
     }
 
 
-    .stats .item .val
+
+    /*---------------------------
+        Supported blockchains
+    ---------------------------*/
+    .supported_blockchains
     {
-        font-size: 28px;
+        margin-bottom: 100px;
+    }
+
+
+    .supported_blockchains .swiper-slide
+    {
+        width: 320px;
+    }
+
+
+    .supported_blockchains .item
+    {
+        padding: 26px;
     }
 
 
 
     /*------------
         In use
     ------------*/
-    .in_use .head .title
+    .in_use
+    {
+        margin-bottom: 100px;
+    }
+
+
+    .in_use .data
+    {
+        font-size: 16px;
+
+        width: calc(100% - 368px);
+    }
+
+
+    .in_use .data > * + *
+    {
+        margin-top: 20px;
+    }
+
+
+    .in_use .image
+    {
+        width: 340px;
+        height: 284px;
+    }
+
+
+    .in_use .line
+    {
+        margin-top: 48px;
+    }
+
+
+
+    /*------------------
+        Architecture
+    ------------------*/
+    .architecture
+    {
+        margin-bottom: 100px;
+    }
+
+
+    .architecture .data
+    {
+        padding: 24px;
+    }
+
+
+    .architecture .line
+    {
+        margin-top: 48px;
+    }
+
+
+
+    /*-------------
+        Roadmap
+    -------------*/
+    .roadmap
+    {
+        margin-bottom: 100px;
+    }
+
+
+    .roadmap .finish
+    {
+        height: 450px;
+        padding: 32px;
+
+        border-radius: 24px;
+    }
+
+
+    .roadmap .finish .title
+    {
+        font-size: 36px;
+    }
+
+
+    .roadmap .finish .together_link
+    {
+        font-size: 15px;
+        line-height: 21px;
+    }
+
+
+    .roadmap .line
+    {
+        margin-top: 48px;
+    }
+
+
+
+    /*--------------
+        Feedback
+    --------------*/
+    .feedback
+    {
+        margin-bottom: 100px;
+    }
+
+
+    .feedback .swiper
+    {
+        width: 304px;
+    }
+
+
+
+    /*------------
+        Footer
+    ------------*/
+    footer .top
     {
-        font-size: 44px;
+        padding: 0;
     }
 
 
-    .in_use .item,
-    .in_use .item.bigger,
-    .in_use .item.big
+    footer .top .title
     {
-        width: calc(50% - 24px);
+        font-size: 24px;
+
+        width: 440px;
     }
 
 
-    .in_use .item .logo
+    footer .logo
     {
-        width: 220px;
-        height: 200px;
-        padding: 18px;
+        margin-bottom: 40px;
     }
 
-    .in_use .item .logo img
+
+    footer .nav
+    {
+        display: none;
+    }
+
+
+    footer .copyright
     {
-        transform: translate(3px, 5px);
+        padding-top: 24px;
     }
 }