From 9b857d0da89038e0b7cd08630628899c0ddbf27d Mon Sep 17 00:00:00 2001
From: GrimonprezAlexis <70689985+alexgrz.dev@users.noreply.github.com>
Date: Tue, 23 Feb 2021 00:12:40 +0100
Subject: [PATCH] #5 Tests manuels

---
 starterOnly/modal.css | 39 +++++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/starterOnly/modal.css b/starterOnly/modal.css
index 1907857666..f384436ad8 100644
--- a/starterOnly/modal.css
+++ b/starterOnly/modal.css
@@ -31,14 +31,11 @@ img {
 }
 
 .topnav {
-  overflow: hidden;
-  margin: 3.5%;
-}
-.header-logo {
-    float: left;
-}
-.main-navbar {
-    float: right;
+  display: flex;
+  justify-content: space-between;
+  flex-flow: row wrap;
+  align-items: center;
+  padding: 2.8rem;
 }
 .topnav a {
   float: left;
@@ -73,15 +70,29 @@ img {
   .topnav a.icon {
     float: right;
     display: block;
+    color: #fe142f;
+    font-size: 8vw;
+    margin-top: -2rem;
+  }
+
+  .topnav a:hover {
+    background: none;
+    color: #fe142f;
+  }
+
+  .main-navbar {
+    margin-top: 1.5rem;
   }
 }
 
 @media screen and (max-width: 768px) {
-  .topnav.responsive {position: relative;}
+  .topnav.responsive {position: relative; display: block; padding-top: 4rem;}
   .topnav.responsive .icon {
     position: absolute;
     right: 0;
     top: 0;
+    margin: 2.3rem 3.1rem;
+    background: none;
   }
   .topnav.responsive a {
     float: none;
@@ -92,14 +103,18 @@ img {
 
 
 
- @media screen and (max-width: 540px) {
+@media screen and (max-width: 540px) {
+  .header-logo img {
+    width: 200px;
+  }
+
   .topnav a {display: none;}
   .topnav a.icon {
     float: right;
     display: block;
-    margin-top: -15px;
   }
-} 
+}
+
 
 main {
   font-size: 130%;