some spacing tweaks, fix weird nav

_site/index.html

@@ -126,6 +126,14 @@ main {
 	margin: 0 auto 1rem;
 }
 
+
+@media (max-width: 1000px ) {
+	header,
+	main {
+		width: 80%;
+	}
+}
+
 @media (max-width: 750px) {
 	header,
 	main {
@@ -267,7 +275,7 @@ nav a:not(:has(img)) {
 	display: inline-block;
 	text-decoration: none;
 	font-size: 1.2rem;
-	padding: 0 .25rem;
+	padding: .1rem .25rem;
 	border: solid .125rem var(--color-accent);
 	border-radius: .25rem;
 	background-color: var(--color-bg);
@@ -427,21 +435,15 @@ footer a:focus-visible {
 		<ul>
       
         <li>
-          <a href="/about/" title="About the Beall Greenhouses">
-            ⓘ about
-          </a>
+          <a href="/about/" title="About the Beall Greenhouses">ℹ️ about</a>
         </li>
       
         <li>
-          <a href="/events/" title="Events at the Beall Greenhouses">
-            🗓 events
-          </a>
+          <a href="/events/" title="Events at the Beall Greenhouses">🗓️ events</a>
         </li>
       
         <li>
-          <a href="/artists/" title="Artists in residence at the Beall Greenhouses">
-            🖌 artists
-          </a>
+          <a href="/artists/" title="Artists in residence at the Beall Greenhouses">🎨 artists</a>
         </li>
       
 		</ul>
@@ -491,6 +493,6 @@ footer a:focus-visible {
 	<p><a href="/attribution/">site attribution</a></p>
 </footer>
 
-	<!-- This page `/` was built on 2026-05-01T19:40:50.758Z -->
+	<!-- This page `/` was built on 2026-05-04T02:09:45.453Z -->
 </body>
 </html>