From 41d7f894da5fefaea1d214fde204e148dbf630c4 Mon Sep 17 00:00:00 2001
From: Adrien Bourmault <neox@a-lec.org>
Date: Fri, 8 Jul 2022 17:03:21 +0200
Subject: [PATCH] Version mobile header + footer

---
 styles.css | 30 +++++++++++-------------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/styles.css b/styles.css
index ea3ef9d..ad72263 100644
--- a/styles.css
+++ b/styles.css
@@ -601,6 +601,12 @@ A-lec images
       padding: 5px;
    }
    
+      
+   #a-lec_banner {
+      display: block;
+      padding: 5px;
+   }
+   
    #a-lec_a-propos {
       display: block;
       margin-bottom: 10px;
@@ -630,8 +636,8 @@ A-lec images
       all: unset;
       display: inline-block;
       width:                   100%;
-      margin-top:              10px;
-      height:                  12vh;
+      margin-top:              20px;
+      height:                  min(20vw,20vh);
    }
   
     #a-lec_site-description {
@@ -656,7 +662,7 @@ A-lec images
 
    #a-lec_site-title h2 {
       font-weight:             normal;
-      font-size:               110%;
+      font-size:               5vw;
       margin-top:              20px;
    }
 
@@ -667,14 +673,14 @@ A-lec images
    #a-lec_site-name a {
       color:                   #FFF;
       font-weight:             bold;
-      font-size:               177%;
+      font-size:               8.4vw;
    }
 
    #a-lec_site-name a:hover {
       background-color:        unset;
       font-weight:             bold;
       background-color:        unset;
-      font-size:               177%;
+      font-size:               8.4vw;
    }
    
     p {
@@ -682,17 +688,3 @@ A-lec images
    }
 
 }
-
-@media screen and (max-width: 360px) {
-   #a-lec_site-title h2 {
-      font-size:               100%;
-   }
-   
-   #a-lec_site-title {
-      margin: 0px;
-   }
-
-   #a-lec_site-name a {
-      font-size:               240%;
-   }
-}