langing page 2 complete

package-lock.json

 {
   "name": "biuro",
-  "version": "1.5.2",
+  "version": "1.6.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

wp-content/themes/biuro/css/07-components/_component--contact-landing-2.css

@@ -2,41 +2,67 @@
 
 /* critical:start */
 
-.c-contact-landing-2 { padding: 0; background: #f00;
+.c-contact-landing-2 { padding: 90px 0 0; background: url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg) no-repeat 0 0;
+    background-size: cover;
+    @media (--max--xxxx-small) {
+        background-size: cover !important;
+    }
+    @media (--max--x-small) {
+        background-size: 250%;
+    }
     @media (--max--medium) {
-        /* max-width: 440px; */ margin: 0 auto;
+        margin: 0 auto;
     }
     @media (--min--medium) {
         padding: 195px 0 50px;
     }
 }
 
-.c-contact-landing-2--inner { max-width: 440px; padding: 0; margin: 0 auto; border-radius: 3px; background: rgba(0, 66, 180, 0.78);
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp) 1x)) {
+    .c-contact-landing-2 { background-image: url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp); }
+}
+
+.c-contact-landing-2--inner { /*  */
+    @media (--max--medium) {
+        padding: 0 10px;
+    }
     @media (--min--medium) {
-        display: flex; justify-content: space-between; max-width: 940px;
+        display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; border-radius: 3px; background: rgba(0, 66, 180, 0.78);
     }
 }
 
-.c-contact-landing-2--content { color: #fff; font-weight: 500; line-height: 29px; padding: 15px 15px 20px;
+.c-contact-landing-2--content { max-width: 440px; color: #fff; font-weight: 500; line-height: 29px; padding: 25px 20px 20px;
+    @media (--max--medium) {
+        margin: 0 auto; border-radius: 3px 3px 0 0; background: rgba(0, 66, 180, 0.78);
+    }
     @media (--min--medium) {
           flex: 1 1 40%;  max-width: 500px; padding: 56px 40px 0 40px;
     }
     img { max-width: 100%; height: auto; }
-    h1 { color: #fff; font-size: 29px; font-weight: 600; line-height: 46px;
+    h1 { color: #fff; font-weight: 600; font-size: 23px; line-height: 32px; margin: 0 0 20px;
         @media (--min--medium) {
-            margin: 0 0 35px;
+            margin: 0 0 35px; font-size: 29px; line-height: 46px;
+        }
     }
+    p { font-size: 15px; line-height: 25px;
+        @media (--min--medium) {
+            font-size: 16px;
         }
-    p { font-size: 16px; line-height: 25px;
-        span { display: block; line-height: 25px; overflow: hidden; }
+        span { display: block; overflow: hidden; }
     }
 }
 
-.c-contact-landing-2--img { margin: 40px 0 0 45px; }
+.c-contact-landing-2--img { margin: 40px 0 0 45px; max-width: 300px;
+    @media (--max--medium) {
+        display: none;
+    }
+}
 
 .c-contact-landing-2--form {
     @media (--max--medium) {
-        margin: 0 auto;
+        background: linear-gradient(45.94deg, #fff,#cbe2ec); margin: 0 -10px; padding: 0 10px 10px;
+        .c-form--employees { margin: 0 auto; max-width: 440px; border-radius: 0 0 3px 3px; }
+
     }
     @media (--min--medium) {
         flex: 1 1 40%; max-width: 420px; /* margin-top: -200px; */

wp-content/themes/biuro/css/07-components/_component--ico.css

@@ -20,6 +20,8 @@
 
 .c-ico--offer { float: left; margin: 1px 23px 0 0; }
 
+.c-ico--pen { float: left; margin: 5px 21px 0 0;  }
+
 .c-ico--easy { float: left; margin: 0 21px 0 0; }
 
 .c-ico--attachment { margin: -2px 4px -1px 0; opacity: 0.5; }

wp-content/themes/biuro/js/main.min.js

@@ -63,7 +63,7 @@
 /******/
 /******/ 	var hotApplyOnUpdate = true;
 /******/ 	// eslint-disable-next-line no-unused-vars
-/******/ 	var hotCurrentHash = "90dfcabd47f46c0982bb";
+/******/ 	var hotCurrentHash = "34311f90b0f46afb9ca2";
 /******/ 	var hotRequestTimeout = 10000;
 /******/ 	var hotCurrentModuleData = {};
 /******/ 	var hotCurrentChildModule;

wp-content/themes/biuro/template-parts/svg/icons.php

@@ -52,6 +52,9 @@
     <symbol id="ico--easy" viewBox="0 0 23 23">
         <path class="u-fill--inherit" d="M22.311,12.833c0.247,1.003,0.127,2.241-0.433,3.118c0.194,1.068-0.139,2.218-0.819,3.015 c0.086,2.422-1.395,4.034-4.058,4.034c-0.151,0.001-1.595,0-1.842,0C11.711,23,8.647,21.17,7.188,21.17v0.393 C7.188,22.356,6.544,23,5.75,23H1.438C0.644,23,0,22.356,0,21.563v-11.5c0-0.794,0.644-1.438,1.438-1.438H5.75 c0.491,0,0.924,0.246,1.184,0.622c0.137-0.026,0.263-0.058,0.361-0.1c0.971-0.522,2.588-3.094,3.646-4.153 c0.445-0.445,0.589-1.188,0.742-1.974C11.94,1.703,12.44,0,13.787,0c2.678,0,3.724,1.558,3.724,4.181 c0,1.388-0.538,2.356-0.93,3.136h3.151c1.826,0,3.267,1.568,3.267,3.26C23,11.5,22.757,12.255,22.311,12.833z M1.438,21.563H5.75 v-11.5H1.438V21.563z M20.485,12.414c0.718-0.195,1.082-0.915,1.077-1.83c-0.005-0.915-0.809-1.83-1.83-1.83h-5.031 c0-1.83,1.372-2.679,1.372-4.574c0-1.149,0-2.744-2.287-2.744c-0.915,0.915-0.457,3.202-1.83,4.574 c-1.522,1.522-3.076,4.574-4.77,4.574v9.148c1.919,0,4.696,1.83,7.972,1.83c0.156,0,1.681,0.001,1.83,0 c1.718-0.017,2.943-0.828,2.57-3.188c0.735-0.394,1.282-1.763,0.675-2.785C21.203,15.094,21.203,12.938,20.485,12.414z M4.672,19.406c0,0.595-0.483,1.078-1.078,1.078s-1.078-0.483-1.078-1.078c0-0.595,0.483-1.078,1.078-1.078 S4.672,18.811,4.672,19.406z"/>
     </symbol>
+    <symbol id="ico--pen" viewBox="0 0 23 23">
+        <path class="u-fill--inherit" d="M22.158,2.901c1.123,1.123,1.123,2.943,0,4.066L6.327,22.798l-5.129,0.57 c-0.687,0.076-1.267-0.504-1.191-1.191l0.57-5.129L16.408,1.217c1.123-1.123,2.943-1.123,4.066,0L22.158,2.901z M7.398,15.977 c-0.281-0.281-0.281-0.736,0-1.016l8.117-8.117l-1.35-1.35L4.099,15.559H5.66v2.156h2.156v1.561L17.882,9.211l-1.35-1.35 l-8.117,8.117C8.134,16.258,7.679,16.258,7.398,15.977z M5.667,21.425l0.892-0.892v-1.561H4.402v-2.156H2.842L1.95,17.708 l-0.294,2.65l1.361,1.361L5.667,21.425z M21.141,5.951c0.562-0.562,0.562-1.471,0-2.033l-1.684-1.684 c-0.562-0.562-1.471-0.562-2.033,0l-2.243,2.243l3.717,3.717L21.141,5.951z"/>
+    </symbol>
     <symbol id="ico--burger" viewBox="0 0 32 16">
         <rect fill="#2A3644" width="32" height="2"/>
         <rect x="9" y="7" fill="#2A3644" width="23" height="2"/>