Update main.css

main.css

@@ -1,3 +1,34 @@
+@media only screen and (max-device-width: 500px) {
+    #Present {
+        font-size: 0.8em;
+    }
+    #Transcribe {
+        font-size: 0.8em;
+    }
+    #aboutlink {
+        left: 78%;
+    }
+    .description button{
+        position: relative;
+    }
+    .right.aligned.column .ui.input {
+        flex-direction: column;
+    }
+}
+
+@media only screen and (max-device-width: 768px) {
+    #Present {
+        font-size: 1em;
+    }
+    #Transcribe {
+        font-size: 1em;
+    }
+    #aboutlink {
+        left: 78%;
+    }
+}
+
+
 .item > .content{
     width: 100%;
 }
@@ -41,18 +72,6 @@
     min-height: 5.5em;
 }
 
-@media only screen and (max-device-width: 768px) {
-    #Present {
-        font-size: 1em;
-    }
-    #Transcribe {
-        font-size: 1em;
-    }
-    #aboutlink {
-        left: 78%;
-    }
-}
-
 #AlignBtn {
     text-align: right;
     position: relative;