Fix safety page on mobile

styles/Safety.module.scss

@@ -1,7 +1,14 @@
 .safetyPage {
   margin-bottom: 4rem;
+  max-width: 80%;
 }
 
 .safetyList {
   text-align: left;
 }
+
+@media screen and (min-width: 768px) {
+  .safetyPage {
+    max-width: 35rem;
+  }
+}

styles/globals.scss

@@ -25,4 +25,11 @@ main {
 
 h1 {
   font-size: 5rem;
+  word-wrap: break-word;
+}
+
+@media (max-width: 768px) {
+  h1 {
+    font-size: 3rem;
+  }
 }