TRI-283: end header + start adaptive 1400>

static/css/moover/use.css

@@ -8,6 +8,18 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .use {
+    margin-bottom: 145px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .use {
+    margin-bottom: 121px;
+  }
+}
+
 .use__img {
   width: 67.5%;
   margin-left: 16px;
@@ -18,6 +30,21 @@
   .use__img {
     width: 50.2%;
     margin-left: 27px;
+    margin-bottom: 35px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .use__img {
+    width: 77%;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .use__img {
+    margin-left: 0;
+    width: 100%;
+    margin-bottom: 40px;
   }
 }
 
@@ -43,13 +70,19 @@
   }
 }
 
+@media (max-width: 991.98px) {
+  .use .title {
+    margin-bottom: 38px;
+  }
+}
+
 .use--lett {
   margin-bottom: 120px;
 }
 
 @media (min-width: 1720px) {
   .use--lett {
-    margin-bottom: 140px;
+    margin-bottom: 135px;
   }
 }
 
@@ -69,3 +102,10 @@
     width: initial;
   }
 }
+
+@media (max-width: 991.98px) {
+  .use .h3 {
+    max-width: 75%;
+    margin: 0 auto 22px;
+  }
+}