diff --git a/style.css b/style.css
index 9bc968b..9db82a7 100644
--- a/style.css
+++ b/style.css
@@ -26,7 +26,7 @@ body {
   width: 100%;
   height: 100vh;
   display: grid;
-  grid-template-columns: [gutter-left] 1fr [content-column] 1fr [gutter-right] 1fr;
+  grid-template-columns: [gutter-left] 1fr [content-column] max(25vw) [gutter-right] 1fr;
   grid-template-rows: [header] 1fr [center] 1fr [footer] 1fr;
   font-family: 'Fira Sans', sans-serif;
 }
@@ -40,8 +40,8 @@ body {
 /* Monogram */
 
 .monogram {
-  width: 20vw;
-  height: 30vw;
+  width: 100%;
+  aspect-ratio: 2 / 3;
   mask-image: url('assets/images/monogram.svg');
   background: black;
   background-size: cover;