Update styles.css

styles.css

@@ -32,10 +32,11 @@ header{
 }
 
 .nav1{
-    background-color: #1b8e99; /*cor de fundo para o menu inferior*/
-    padding: 0 10px; /*espaçamento interno entre itens no cabeçalho */
     height: 45px; /*define altura do box*/
     position: relative; /*permite alterar posicionamento; necessário para z-index*/
+    padding: 0 10px; /*espaçamento interno entre itens no cabeçalho */
+    justify-content: space-between;
+    background-color: #1b8e99; /*cor de fundo para o menu inferior*/
     z-index: 2; /*define profundidade; valor maior que menu azul e banner*/
 }
 
@@ -48,9 +49,10 @@ header{
 }
 
 .nav2{
-    background-color: #660000; /* Cor de fundo para o cabeçalho e o menu secundário */
-    padding: 0 10px; /* Espaçamento interno no cabeçalho */
     height: 45px; /*define altura do box*/
+    padding: 0 10px; /* Espaçamento interno no cabeçalho */
+    background-color: #660000; /* Cor de fundo para o cabeçalho e o menu secundário */
+    justify-content: flex-start;
 }
 
 .logo img{
@@ -69,6 +71,10 @@ header{
     margin: 0;  /*reseta margin para zer0*/
 }
 
+.hover1, .hover2{
+    transition: all .2s;
+}
+
 .hover1{}
 .hover1:hover{
     height: 55px; /*altura 10px maior do que box, para dar efeito de overflow/transbordamento*/
@@ -267,4 +273,4 @@ footer{
     justify-content: flex-end;
     color: white;
     font-size: 14px;
-}
+}