Fixed error page height

src/components/Views/FourOuFour.tsx

@@ -8,7 +8,7 @@ export const FourOuFourView = (_props) => {
   return (
     <div class={styles.errorPageWrapper}>
       <div class={styles.errorPage}>
-        <div class="container">
+        <div class="wide-container">
           <div class="row">
             <div class="col-md-14 offset-md-6 col-lg-12">
               <a href="/" class="image-link">

src/styles/FourOuFour.module.scss

@@ -1,12 +1,13 @@
 .errorPageWrapper {
   height: 100vh;
+  margin: -120px 0 -2em;
   padding-top: 100px;
 }
 
 .errorPage {
   position: relative;
   top: 35%;
-  transform: translateY(-45%);
+  transform: translateY(-50%);
 
   .image-link:hover {
     background: none;
@@ -36,6 +37,7 @@
 .errorImage {
   display: block;
   margin: auto;
+  max-height: 60vh;
   width: 85%;
 }