From c850c598d9318baffff1be70a21eed935e703879 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nath=C3=A3=20Cazelato?=
 <114589105+Html-Czllt@users.noreply.github.com>
Date: Fri, 26 Jul 2024 19:47:29 -0300
Subject: [PATCH] Update ambientef2.css

---
 ambientef2.css | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/ambientef2.css b/ambientef2.css
index e3c8590..68cce62 100644
--- a/ambientef2.css
+++ b/ambientef2.css
@@ -6,8 +6,8 @@ body {
 }
 
 header {
-    background-color: #333;
-    color: #fff;
+    background-color: #2c2c2c; /* Fundo de elementos secundários */
+    color: #f5f5f5; /* Texto secundário e cabeçalhos */
     padding: 20px;
     text-align: center;
 }
@@ -16,16 +16,30 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    flex-wrap: wrap; /* Adiciona flex-wrap para permitir que os itens quebrem linha */
 }
 
 .logo img {
     border-radius: 50%;
     box-shadow: #002fffad 0px 0px 20px;
-    max-width: 100px;
+    width: 100px;
     height: auto;
     margin-left: 20%;
 }
 
+/* Media query para telas menores */
+@media (max-width: 768px) {
+    .header-container {
+        flex-direction: column; /* Altera a direção do flex para coluna em telas menores */
+        align-items: center; /* Centraliza os itens na coluna */
+    }
+    
+    .logo img {
+        margin-left: 0; /* Remove a margem à esquerda */
+        margin-bottom: 20px; /* Adiciona margem inferior para separar a logo dos botões */
+    }
+}
+
 
 nav {
     text-align: center;
@@ -284,4 +298,4 @@ footer {
         flex-direction: column;
                 align-items: stretch;
     }
-}
\ No newline at end of file
+}