TRI-283: start 768>

static/css/moover/presentation.css

@@ -12,8 +12,7 @@
 
 @media (max-width: 1304.98px) {
   .presentation {
-    margin-bottom: 120px;
-    margin-bottom: 138px;
+    margin-bottom: 118px;
   }
 }
 
@@ -60,6 +59,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .presentation__top {
+    margin-bottom: 77px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .presentation__bottom .subtitle {
     max-width: 40%;
@@ -67,6 +72,13 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .presentation__bottom .subtitle {
+    max-width: 65%;
+    margin-bottom: 21px;
+  }
+}
+
 .presentation__title {
   margin-bottom: 23px;
 }
@@ -78,6 +90,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .presentation__title {
+    margin-bottom: 15px;
+  }
+}
+
 .presentation__subtitle {
   margin-bottom: 41px;
   font-weight: 600;
@@ -91,6 +109,13 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .presentation__subtitle {
+    margin-bottom: 30px;
+    max-width: 77%;
+  }
+}
+
 .presentation__btn {
   margin-bottom: 40px;
 }
@@ -102,6 +127,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .presentation__btn {
+    margin-bottom: 30px;
+  }
+}
+
 .presentation__next {
   font-weight: 500;
   line-height: 22px;