Fix header font on mobile

1 files changed, 7 insertions, 1 deletions

diff --git a/style.css b/style.css
index 327d962..ba4bea3 100644
--- a/style.css
+++ b/style.css
@@ -29,13 +29,19 @@ body {
 header section {
     padding-block: 0.6em;
     text-align: center;
-    font-size: 48px;
+    font-size: 32px;
     background-color: var(--green);
     display: grid;
     place-items: center;
     color: var(--beige);
 }
 
+@media (min-width: 500px) {
+    header section {
+        font-size: 48px;
+    }
+}
+
 header nav {
     display: flex;
     justify-content: center;