Mobile lay-out

static/css/main.css

@@ -2,6 +2,9 @@ body {
   margin: 0;
   padding: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14pt;
+  line-size: 133%;
+
   color: #444;
 }
 /*
@@ -25,6 +28,17 @@ header h1.logo:hover {
   color: #fff;
   text-decoration: none;
 }
+
+input[type='text'] {
+  font-size: 150%;
+  font-family: monospace;
+}
+
+input[type='submit'] {
+  font-size: 150%;
+  font-family: monospace;
+}
+
 /*
  * Centering the body content
  */
@@ -45,6 +59,7 @@ div.form-group {
   background-color: #1c3054;
   color: whitesmoke;
   text-align: left;
+  font-size: 150%;
   margin: 10pt;
   vertical-align: middle;
   overflow: hidden;
@@ -73,10 +88,9 @@ div.entry-label {
 
 div.entry-text {
   min-width: 80%
+  font-size: 150%;
 }
 
-
-
 div.messages {
   padding: 10px 10px 10px 10px;
   background-color: #1c3054;
@@ -96,6 +110,7 @@ div.results {
   color: #1c3054;
   text-align: left;
   margin: 10pt;
+  font-size: 100%;
   vertical-align: middle;
   float: left;
   -webkit-border-radius: 6px;
@@ -116,7 +131,7 @@ div.input-submit {
   text-align: center;
   margin: 7pt;
   padding: 7pt;
-  color: #212121;
+  font-size: 150%;
 }