From 5366d1a5e8dda4f3bcac3fba0e2c2d54b2f591b3 Mon Sep 17 00:00:00 2001
From: Kevin Amstutz <kevin@amstutz.io>
Date: Tue, 23 Nov 2021 16:08:26 -0500
Subject: [PATCH] Try to hide logo when screen under 480 px

---
 src/css/header.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/css/header.css b/src/css/header.css
index 103b896..031b5dd 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -146,7 +146,13 @@ body {
   white-space: nowrap;
 }
 
-@media screen and (max-width: 1023.5px) {
+@media screen and (max-width: 480px) and (min-width: 320px) {
+  .navbar-item.logo {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 1023.5px) and (min-width: 481px) {
   .navbar-brand {
     height: inherit;
   }