Fix safety page on mobile

pages/safety.tsx

@@ -43,7 +43,7 @@ const Safety = () => {
           epäröi pyytää apua Runosaaren ja tapahtumapaikkojen työntekijöiltä.
           Jos koet, että olet kohdannut häirintää tapahtumissamme ja siihen ei
           ole onnistuttu puuttumaan, ole yhteydessä Runosaari-työryhmään
-          sähköpostilla{' '}
+          sähköpostilla
           <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a> .
         </li>
       </ul>

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;
+  }
 }