styling update

src/styles/form/layout.less

@@ -31,8 +31,18 @@ form {
 
   }
   @media screen and (min-width: 768px) {
-   	.form-row > input, .form-row > span {
-    	flex: 3;  
+    .form-row > input, .form-row > span {
+     flex: 3;  
+  }
+ }
+  @media screen and (max-width: 460px) {
+   	.form-row {
+       &.wrapped {
+          display: block;
+          * {
+            display: block;
+          }
+       }
    }
   }
   @media screen and (min-width: 992px) {

src/styles/heading.less

@@ -2,4 +2,11 @@
     font-size: 1.2em;
     display: block;
     margin-bottom: @default-margin;
+}
+
+.sui {
+    h2 {
+        font-size: 16px;
+        font-weight: 400;
+    }
 }

src/styles/theme.less

@@ -1,4 +1,4 @@
-@default-font: "Open Sans";
+@default-font: Tahoma, Geneva, sans-serif;
 
 @color-black: #000000;
 @color-white: #eeeeee;
@@ -15,5 +15,5 @@
 @default-border-color: #555555;
 @default-font-size: 16px;
 
-@input-text-height: 16px;
+@input-text-height: 32px;
 @input-checkbox-scale: 2;