TRI-283: start 768>

styles/moover/root.scss

@@ -20,17 +20,17 @@
 
 @media (max-width: 991.98px) {
   .container {
-    width: 640px
-    //max-width: 85vw;
+    width: 640px;
+    max-width: 100vw;
   }
 }
 
-/*@media (max-width: 767.98px) {*/
-/*  .container {*/
-/*    margin: 0 15px;*/
-/*    width: auto*/
-/*  }*/
-/*}*/
+@media (max-width: 767.98px) {
+  .container {
+    margin: 0 16px;
+    width: auto;
+  }
+}
 
 :root {
   --color-primary: #FF613A;
@@ -51,6 +51,19 @@
 
 body {
   overflow-x: hidden;
+
+  padding-top: 129px;
+
+  @media (max-width: 1304.98px) {
+    padding-top: 126px;
+  }
+  @media (max-width: 991.98px) {
+    padding-top: 85px;
+  }
+
+  @media (max-width: 767.98px) {
+    padding-top: 57px;
+  }
 }
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
@@ -86,7 +99,7 @@ h3, .h3 {
 
   @media (max-width: 1304.98px) {
     margin-bottom: 13px;
-}
+  }
 }
 
 h4, .h4 {
@@ -103,10 +116,19 @@ p {
     font-size: 20px;
     line-height: 26px;
   }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 18px;
+  }
 }
 
 b {
   font-weight: 500;
+
+  @media (max-width: 991.98px) {
+    font-size: 16px;
+    line-height: 22px;
+  }
 }
 
 
@@ -150,6 +172,10 @@ b {
     font-size: 32px;
     line-height: 38.73px;
   }
+
+  @media (max-width: 767.98px) {
+    margin-bottom: 14px;
+}
 }
 
 .subtitle {
@@ -172,7 +198,7 @@ b {
   display: none;
 
   &__xxl {
-    display: initial;
+    display: inline-flex;
 
     @media (min-width: 1720px) {
       display: none;
@@ -180,7 +206,7 @@ b {
   }
 
   &__md {
-    display: initial;
+    display: inline-flex;
 
     @media (max-width: 991.98px) {
       display: none;
@@ -219,11 +245,32 @@ b {
       display: none;
     }
   }
-}
 
-@media (min-width: 1440px) {
-  .is-container.wrapper_main {
-    max-width: initial;
+  &--sm {
+    @media (max-width: 767.98px) {
+      display: none;
+    }
   }
 }
 
+.is-container.wrapper_main {
+
+  @media (min-width: 1440px) {
+    max-width: initial;
+  }
+
+  & > .container {
+    position: relative;
+    left: 15px;
+
+    @media (min-width: 1720px) {
+      left: 17px;
+    }
+
+    @media (max-width: 767.98px) {
+      left: 0;
+    }
+  }
+}
+
+