Improved responsive styling.

src/vector/mobile_guide/index.html

@@ -15,17 +15,16 @@ body {
 
 .mx_Button {
     margin-top: 40px;
-    height: 40px;
     border: 0;
-    border-radius: 40px;
+    border-radius: 4px;
+    font-size: 15px;
     margin-left: 4px;
     margin-right: 4px;
     min-width: 80px;
     background-color: #03B381;
     color: #fff;
     cursor: pointer;
-    font-size: 15px;
-    padding: 0 22px;
+    padding: 12px 22px;
     word-break: break-word;
 }
 
@@ -119,6 +118,30 @@ body {
     margin-top: 30px;
 }
 
+@media screen and (max-width: 1120px) {
+  body {
+      font-size: 28px;
+  }
+  h1 {
+      font-size: 26px;
+  }
+  h4 {
+      font-size: 20px;
+  }
+  .mx_Button {
+    font-size: 14px;
+    padding: 14px 28px;
+  }
+  .mx_HomePage_toprow {
+      margin-top: 20px;
+  }
+  .mx_Spacer {
+      margin-top: 60px;
+  }
+}
+
+
+
 </style>
 
 <meta name="apple-itunes-app" content="app-id=id1083446067">