Fix css for firefox android and other mobile.

1 files changed, 17 insertions, 1 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 19a64a2..8ef0b4d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -101,10 +101,26 @@ td {
   padding-top: 20px;
 }
 
-.title{
+.title {
   font-size: 3.5em;
 }
 
+@media only screen and (max-device-width: 480px) {
+  /* firefox */
+  @supports (-moz-appearance: none) {
+    .title {
+      font-size: 1.8em !important;
+    }
+  }
+
+  /* other */
+  @supports (not (-moz-appearance: none)) {
+    .title {
+      font-size: 2.0em !important;
+    }
+  }
+}
+
 .line{
   max-width: 100%;
   display: block;