TRI-283: end header + start adaptive 1400>

styles/moover/root.scss

@@ -2,7 +2,6 @@
   margin: 0 auto;
   width: 1280px;
   position: relative;
-  min-height: 695px;
 }
 
 @media (min-width: 1720px) {
@@ -12,11 +11,19 @@
 }
 
 
-/*@media (max-width: 1019.98px) {*/
-/*  .container {*/
-/*    width: 720px*/
-/*  }*/
-/*}*/
+@media (max-width: 1304.98px) {
+  .container {
+    width: 1120px;
+    max-width: 88vw;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .container {
+    width: 640px
+    //max-width: 85vw;
+  }
+}
 
 /*@media (max-width: 767.98px) {*/
 /*  .container {*/
@@ -41,6 +48,11 @@
   color: var(--color-black2);
 }
 
+
+body {
+  overflow-x: hidden;
+}
+
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
 
@@ -125,6 +137,15 @@ b {
     font-size: 48px;
     margin-bottom: 22px;
   }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 20px;
+  }
+
+  @media (max-width: 991.98px) {
+    font-size: 32px;
+    line-height: 38.73px;
+  }
 }
 
 .subtitle {
@@ -135,18 +156,32 @@ b {
     font-size: 20px;
     margin-bottom: 105px;
   }
+
+  @media (max-width: 1304.98px) {
+    margin-bottom: 71px;
+  }
+
+
 }
 
 .hide {
   display: none;
 
   &__xxl {
-    display: block;
+    display: initial;
 
     @media (min-width: 1720px) {
       display: none;
     }
   }
+
+  &__md {
+    display: initial;
+
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
 }
 
 .show {
@@ -158,17 +193,33 @@ b {
       display: block;
     }
   }
+
+  &__md {
+    display: none;
+
+    @media (max-width: 991.98px) {
+      display: initial;
+    }
+  }
+}
+
+.br {
+  &--xxl {
+    @media (min-width: 1440px) {
+      display: none;
+    }
+  }
+
+  &--md {
+    @media (max-width: 991.98px) {
+      display: none;
+    }
+  }
 }
 
 @media (min-width: 1440px) {
   .is-container.wrapper_main {
     max-width: initial;
   }
-
-  .br {
-    &--xxl {
-      display: none;
-    }
-  }
 }