TRI-283: start 768>

styles/moover/animate.scss

@@ -16,6 +16,12 @@
     margin-bottom: 141px;
   }
 
+  @media (max-width: 991.98px) {
+    padding-top: 40px;
+    padding-bottom: 29px;
+    margin-bottom: 121px;
+  }
+
   &.left {
     transform: translateX(-180px);
   }
@@ -24,10 +30,29 @@
     transform: translateX(180px);
 
     .title {
+      margin-bottom: 17px;
+
       @media (min-width: 1720px) {
         max-width: 80%;
+        margin-bottom: 40px;
       }
+
+      @media (max-width: 1304.98px) {
+        margin-bottom: 25px;
+      }
+
+            @media (max-width: 991.98px) {
+              margin-bottom: 31px;
+}
     }
+
+    .subtitle {
+
+            @media (max-width: 991.98px) {
+              margin-bottom: 31px;
+}
+    }
+
   }
 
   &__link {
@@ -47,6 +72,12 @@
     @media (max-width: 1304.98px) {
       max-width: 99%;
     }
+
+    @media (max-width: 991.98px) {
+      max-width: 85%;
+      font-size: 24px;
+      line-height: 29.05px;
+    }
   }
 
   .subtitle {
@@ -62,5 +93,10 @@
     @media (max-width: 1304.98px) {
       width: 54%;
     }
+
+    @media (max-width: 991.98px) {
+      width: 102%;
+      margin-bottom: 26px;
+    }
   }
 }