TRI-283: end header + start adaptive 1400>

static/css/moover/presentation.css

@@ -1,5 +1,5 @@
 .presentation {
-  margin: 20px -65px 140px;
+  margin: 12px -65px 140px;
 }
 
 @media (min-width: 1720px) {
@@ -10,6 +10,18 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .presentation {
+    margin-bottom: 120px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .presentation {
+    margin-bottom: 105px;
+  }
+}
+
 .presentation__top {
   position: relative;
   min-height: 270px;
@@ -30,19 +42,65 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .presentation__top {
+    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) {
+  .presentation__top {
+    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;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .presentation__bottom .subtitle {
+    max-width: 40%;
+    margin: 0 auto 30px;
+  }
+}
+
 .presentation__title {
   margin-bottom: 23px;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__title {
+    max-width: 75%;
+    margin: 0 auto 19px;
+  }
+}
+
 .presentation__subtitle {
   margin-bottom: 41px;
   font-weight: 600;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__subtitle {
+    max-width: 55%;
+    margin: 0 auto 40px;
+    font-size: 16px;
+  }
+}
+
 .presentation__btn {
   margin-bottom: 40px;
 }
 
+@media (max-width: 991.98px) {
+  .presentation__btn {
+    padding-left: 82px;
+    padding-right: 82px;
+  }
+}
+
 .presentation__next {
   font-weight: 500;
   line-height: 22px;
@@ -67,6 +125,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .presentation__cards {
+    max-width: 1140px;
+  }
+}
+
 .presentation__bottom .presentation__title {
   margin-bottom: 13px;
 }