fix: mobile brochure viewingHEADmaster

1 files changed, 11 insertions, 6 deletions

diff --git a/brochure/styles.css b/brochure/styles.css
index 351bc00..2abb118 100644
--- a/brochure/styles.css
+++ b/brochure/styles.css
@@ -12,10 +12,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .paper {
 	display: grid;
 
-	width: 21.25em;
+	width: 8.25rem;
 
-	grid-template-columns: 21.25em;
-	grid-template-rows: 50em; /* .425 aspect */
+	grid-template-columns: 8.25rem;
+	grid-template-rows: 19.41rem; /* .425 aspect */
 
 	margin: 2rem auto;
 
@@ -40,9 +40,6 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 }
 
 .paper .page .side {
-	width: inherit;
-	height: inherit;
-
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -86,3 +83,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 	transform-origin: center right;
 }
 
+@media only screen and (min-width: 1500px) {
+	.paper {
+		width: 21.25em;
+
+		grid-template-columns: 21.25em;
+		grid-template-rows: 50em; /* .425 aspect */
+	}
+}