Add global error page

src/style/molecules/_list-cta.scss

@@ -0,0 +1,14 @@
+.list-cta {
+    @include bp (sm) {
+        display: flex;
+        justify-content: center;
+    }
+
+    & > * {
+        margin: 20px auto 0;
+
+        @include bp (sm) {
+            margin: 0 16px;
+        }
+    }
+}

src/style/pages/_error.scss

@@ -0,0 +1,26 @@
+.page-error {
+    // Top
+    &__top {
+        margin-bottom: 72px;
+
+        @include bp (sm) {
+            margin-bottom: 120px;
+        }
+
+        // Heading
+        .heading {
+            padding: 0 24px;
+            margin-bottom: 40px;
+
+            @include bp (sm) {
+                margin-bottom: 72px;
+            }
+
+            p {
+                @include bp (sm, max) {
+                    max-width: 480px;
+                }
+            }
+        }
+    }
+}

src/style/pages/_homepage.scss

@@ -116,22 +116,13 @@
             margin-bottom: 160px;
         }
 
-        .cards {
-            justify-content: center;
+        // List
+        .list-cta {
             margin-top: 48px;
 
             @include bp (sm) {
-                display: flex;
                 margin-top: 72px;
             }
-
-            & > * {
-                margin: 20px auto 0;
-
-                @include bp (sm) {
-                    margin: 0 16px;
-                }
-            }
         }
     }
 

src/style/style.scss

@@ -28,6 +28,7 @@
 @import "pages/location";
 @import "pages/viewer";
 @import "pages/shop";
+@import "pages/error";
 
 // Modules
 @import "modules/globe";
@@ -53,6 +54,7 @@
 @import "molecules/location";
 @import "molecules/switcher";
 @import "molecules/heading";
+@import "molecules/list-cta";
 @import "molecules/issue";
 @import "molecules/newsletter-form";
 @import "molecules/poster";