- homepage desktop, ipad landscape

resources/sass/oasis/_homepage.scss

@@ -2,7 +2,9 @@
 @import '@assets/oasis/_variables';
 
 .container {
-  width: 960px;
+  width: 100%;
+  padding-left: 35px;
+  padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
@@ -100,7 +102,8 @@
       margin-right: 10px;
 
       line, path, polyline {
-        color: $cyan;
+        stroke: $cyan;
+        stroke-width: 1.5;
       }
     }
   }

resources/sass/oasis/_responsive.scss

@@ -1,4 +1,4 @@
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 1750px) {
   .container {
     width: 1750px;
   }
@@ -6,11 +6,28 @@
 
 @media only screen and (max-width: 1024px) {
 
-    .container {
-      width: 100%;
-      padding-left: 25px;
-      padding-right: 25px;
-    }
+  .container {
+    width: 100%;
+    padding-left: 25px;
+    padding-right: 25px;
+  }
+
+  .main-title {
+    @include font-size(52);
+  }
+
+  .sub-title {
+    @include font-size(23);
+  }
+
+  .main-title-sm {
+    @include font-size(44);
+  }
+
+  .sub-title-sm {
+    @include font-size(21);
+    max-width: 850px;
+  }
 }
 
 @media only screen and (max-width: 960px) {