From 14e0d2236dc050f4108ed87c8a6401299c76a191 Mon Sep 17 00:00:00 2001
From: Cassowary Rusnov <rusnovn@gmail.com>
Date: Thu, 29 Dec 2022 10:23:39 -0800
Subject: [PATCH] Mobilize the default header styles to make it responsive.

---
 assets/css/main.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index d350b11..8e95b26 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,4 +1,5 @@
 /* 32m custom styles */
+/* Note the default style are mobile versions, with overrides for desktop. */
 
 :root {
 	--red32m: #A02827;
@@ -15,8 +16,6 @@
         --font-size-xlarge: 1.5em;
 }
 
-
-
 html {
 	background: none;
 	padding: 0 !important;
@@ -58,7 +57,8 @@ body.home {
 }
 
 body > div#page header#masthead {
-	background-color: var(--red32m);
+    background-color: var(--red32m);
+    flex-direction: column;
 }
 
 body.home > div#page header#masthead {
@@ -89,7 +89,7 @@ div.site-logo > a > img.custom-logo {
 }
 
 div.site-logo {
-    margin-left: var(--lrmargin);
+    margin: auto;
 }
 
 div#content {
@@ -136,11 +136,13 @@ body.home footer#colophon a:hover {
 
 header#masthead {
     display: flex;
+    flex-direction: row;
 }
 
 nav#site-navigation {
-    margin-right: var(--lrmargin);
-    margin-left: auto;
+  display: flex;
+  height: 6.5rem;
+  margin: auto;
 }
 
 nav#site-navigation ul#primary-menu-list {
@@ -220,5 +222,4 @@ body.home nav#site-navigation ul#primary-menu-list li.menu-item a:visited  {
     nav#site-navigation {
         margin-right: var(--desktop-lrmargin);
     }
-
 }