mobile phone sizing

a11y.css

@@ -30,3 +30,25 @@
 body.opendyslexic {
     font-family: OpenDyslexic;
 }
+
+@media (max-width: 600px) {
+    #accessibility-btn {
+        bottom: 20px;
+        left: 20px;
+        width: 50px;
+        height: 50px;
+        padding: 0;
+        border-radius: 50%;
+    }
+
+    #accessibility-btn svg {
+        width: 1em;
+        height: 1em;
+    }
+
+    .accessibility-menu {
+        left: 20px;
+        right: 20px;
+        width: auto;
+    }
+}