mobile fixes

static/css/base.css

@@ -438,6 +438,14 @@ section.rowsect>div {
         justify-content: center;
     }
 
+    header div {
+        text-align: center;
+    }
+
+    header h2 {
+        display: none;
+    }
+
     section.rowsect {
         width: 100%;
         display: flex;

static/css/toaster.css

@@ -51,4 +51,18 @@ ul#toaster-specs li {
 
 .fill-height {
     height: 100%;
+}
+
+@media screen and (max-width: 740px) {
+    .flex-row {
+        flex-direction: column;
+    }
+    
+    .flex-col {
+        flex-direction: row;
+    }
+
+    #toaster-img {
+        width: 100%;
+    }
 }