From 3bfa465d6c5f6cdd864c5080cc2a0fdce6486927 Mon Sep 17 00:00:00 2001
From: Fabrice Mouhartem <fabrice.mouhartem@ens-lyon.org>
Date: Wed, 16 Oct 2024 10:34:30 +0200
Subject: [PATCH] feat(style): reduce header size on small screens

---
 sass/_base.scss | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/sass/_base.scss b/sass/_base.scss
index be0a0a2..031d28f 100644
--- a/sass/_base.scss
+++ b/sass/_base.scss
@@ -17,11 +17,6 @@ $menu_btn-size: 10px;
 html {
   background-color: $page-color;
 }
-@media only screen and (min-width: $page-width){
-  html {
-    padding:10px;
-  }
-}
 @font-face {
   font-family: "Fira Sans Light";
   font-style: normal;
@@ -61,6 +56,19 @@ header {
     color: $header-fg;
     text-shadow: black 0px 0px 0.1em;
   }
+  h1 {
+    font-size: 20pt;
+  }
+}
+@media only screen and (min-width: $page-width){
+  html {
+    padding:10px;
+  }
+  header {
+    h1 {
+      font-size: 32pt;
+    }
+  }
 }
 #header-logo {
   background: url('img/logo.png') top;