TRI-283: end header + start adaptive 1400>

styles/moover/presentation.scss

@@ -1,5 +1,5 @@
 .presentation {
-  margin: 20px -65px 140px;
+  margin: 12px -65px 140px;
 
   @media (min-width: 1720px) {
     margin-left: 0;
@@ -7,6 +7,14 @@
     margin-bottom: 160px;
   }
 
+  @media (max-width: 1304.98px) {
+    margin-bottom: 120px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 105px;
+  }
+
   &__top {
     position: relative;
     min-height: 270px;
@@ -35,19 +43,64 @@
       padding-top: 95px;
       margin-bottom: 176px;
     }
+
+    @media (max-width: 1304.98px) {
+      background-size: 16%, 20%, 9.5%, 10.1%;
+      background-position: top -2.8% left 6.5%,
+      top -19% right 3.5%,
+      bottom 32% left 23%,
+      bottom 29% right 22.6%;
+      margin-bottom: 96px;
+    }
+
+    @media (max-width: 991.98px) {
+      background-size: 14.5%, 17%, 8.3%, 9.1%;
+      background-position: top 9% left 7%,
+      top 5% right 6%,
+      bottom 51% left 14.8%,
+      bottom 47.5% right 13.8%;
+      padding-top: 31px;
+      margin-bottom: 76px;
+    }
+  }
+
+  &__bottom {
+    .subtitle {
+      @media (max-width: 991.98px) {
+        max-width: 40%;
+        margin: 0 auto 30px;
+      }
+    }
   }
 
   &__title {
     margin-bottom: 23px;
+
+    @media (max-width: 991.98px) {
+      max-width: 75%;
+      margin: 0 auto 19px;
+    }
   }
 
   &__subtitle {
     margin-bottom: 41px;
     font-weight: 600;
+
+    @media (max-width: 991.98px) {
+      max-width: 55%;
+      margin: 0 auto 40px;
+      font-size: 16px;
+
+    }
   }
 
   &__btn {
     margin-bottom: 40px;
+
+    @media (max-width: 991.98px) {
+      padding-left: 82px;
+      padding-right: 82px;
+    }
   }
 
   &__next {
@@ -70,6 +123,10 @@
       margin-left: -10px;
       margin-right: -10px;
     }
+
+    @media (max-width: 1304.98px) {
+      max-width: 1140px;
+    }
   }
 
   &__bottom .presentation__title {