TRI-283: start adaptive 1920

styles/moover/root.scss

@@ -1,15 +1,16 @@
 .container {
   margin: 0 auto;
-  max-width: 1280px;
+  width: 1280px;
   position: relative;
   min-height: 695px;
 }
 
-/*@media (max-width: 1339.98px) {*/
-/*  .container {*/
-/*    width: 992px*/
-/*  }*/
-/*}*/
+@media (min-width: 1720px) {
+  .container {
+    width: 1720px;
+  }
+}
+
 
 /*@media (max-width: 1019.98px) {*/
 /*  .container {*/
@@ -23,6 +24,7 @@
 /*    width: auto*/
 /*  }*/
 /*}*/
+
 :root {
   --color-primary: #FF613A;
   --color-white: #FFFFFF;
@@ -33,8 +35,6 @@
   --color-orange: #FF613A;
 
 
-  
-  
   --box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
   0 -1px 10px 0 rgba(198, 199, 203, 0.20);
   text-align: center;
@@ -46,9 +46,14 @@
 
 }
 
-h1, .title {
+h1, .h1 {
   font-size: 44px;
   line-height: 52px;
+
+  @media (min-width: 1720px) {
+    font-size: 48px;
+    line-height: 52px;
+  }
 }
 
 h2, .h2 {
@@ -58,8 +63,8 @@ h2, .h2 {
 }
 
 h3, .h3 {
-font-size: 20px;
-line-height: 28px;
+  font-size: 20px;
+  line-height: 28px;
   margin-bottom: 12px;
 }
 
@@ -105,13 +110,29 @@ b {
   margin-bottom: 13px;
   margin-left: auto;
   margin-right: auto;
+
+   @media (min-width: 1720px) {
+    font-size: 44px;
+     margin-bottom: 22px;
+  }
 }
 
 .subtitle {
   margin-bottom: 81px;
   line-height: 22px;
+
+   @media (min-width: 1720px) {
+     font-size: 20px;
+     margin-bottom: 97px;
+  }
 }
 
 .hide {
   display: none;
+}
+
+@media (min-width: 1440px) {
+  .is-container.wrapper_main {
+    max-width: initial;
+  }
 }