TRI-283: end header + start adaptive 1400>

styles/moover/use.scss

@@ -5,6 +5,14 @@
     margin-bottom: 184px;
   }
 
+  @media (max-width: 1304.98px) {
+    margin-bottom: 145px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 121px;
+  }
+
   &__img {
     width: 67.5%;
     margin-left: 16px;
@@ -13,6 +21,17 @@
     @media (min-width: 1720px) {
       width: 50.2%;
       margin-left: 27px;
+      margin-bottom: 35px;
+    }
+
+    @media (max-width: 1304.98px) {
+      width: 77%;
+    }
+
+    @media (max-width: 991.98px) {
+      margin-left: 0;
+      width: 100%;
+      margin-bottom: 40px;
     }
   }
 
@@ -34,13 +53,17 @@
     @media (min-width: 1720px) {
       max-width: 40%;
     }
+
+    @media (max-width: 991.98px) {
+      margin-bottom: 38px;
+    }
   }
 
   &--lett {
     margin-bottom: 120px;
 
     @media (min-width: 1720px) {
-      margin-bottom: 140px;
+      margin-bottom: 135px;
     }
 
 
@@ -57,6 +80,14 @@
       @media (min-width: 1720px) {
         width: initial;
       }
+
+    }
+  }
+
+  .h3 {
+    @media (max-width: 991.98px) {
+      max-width: 75%;
+      margin: 0 auto 22px;
     }
   }
 }