Improve alignfull and alignwide styles

resources/assets/styles/common/_global.scss

@@ -41,13 +41,17 @@ h3,
 
 .alignfull {
   width: 100vw;
-  margin-left: calc(50% - 50vw);
+  max-width: 100vw;
+  margin-left: calc(-100vw / 2 + 100% / 2);
+  margin-right: calc(-100vw / 2 + 100% / 2);
 }
 
-.alignwide {
-  width: calc(100% + 20vw);
-  position: relative;
-  left: -10vw;
+@include media-breakpoint-up(lg) {
+  .alignwide {
+    margin-left: -100px;
+    margin-right: -100px;
+    max-width: 1024px;
+  }
 }
 
 svg,
@@ -62,17 +66,3 @@ object {
 .top-banner {
   background-color: var(--kudos-page-theme) !important;
 }
-
-main.wrapper {
-  display: grid;
-  grid-template-columns: 1fr unquote("min(65ch, 100%)") 1fr;
-
-  > * {
-    grid-column: 2;
-  }
-
-  .full-bleed {
-    width: 100%;
-    grid-column: 1 / 4;
-  }
-}