From 44bac27e741a4b6da81debb1160775e0b92326c3 Mon Sep 17 00:00:00 2001
From: Felix Schulze <thefeli73@hotmail.com>
Date: Wed, 26 Feb 2020 13:22:18 +0100
Subject: [PATCH] optimize header for small screens

---
 src/css/layout/_header.scss | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/css/layout/_header.scss b/src/css/layout/_header.scss
index a979c79..2f5d205 100644
--- a/src/css/layout/_header.scss
+++ b/src/css/layout/_header.scss
@@ -6,7 +6,7 @@
     > #logo-container {
       width: max-content;
       margin: auto;
-      padding: 2em 1em;
+      padding: 3em 1em;
 
       > h1 {
         font-size: 60pt;
@@ -35,19 +35,32 @@
         @include breakpoint('<=large') {
 
         }
-    */
+
         @include breakpoint('<=medium') {
           margin-top: 60px;
+
+          > #logo-container {
+            padding: 2em 0.5em;
+          }
         }
-    /*
+
         @include breakpoint('<=small') {
 
         }
-
+    */
         @include breakpoint('<=xsmall') {
+          > #logo-container {
 
+            > h1 {
+              font-size: 40pt;
+            }
+
+            > #logo > img {
+              height: 93pt;
+            }
+          }
         }
-
+    /*
         @include breakpoint('<=xxsmall') {
 
         }