diff --git a/src/index.html b/src/index.html
index b8ae5ef..0bf05db 100644
--- a/src/index.html
+++ b/src/index.html
@@ -104,6 +104,10 @@
             </section>
 
             <article>
+                <section class="bottom-img">
+                    <img class="bottom-banner-mobile" src="assets/img/Rectangle 15 (1).png" alt="Imagem de um Oculos com uma tela de códigos atrás.">
+                </section>
+                
                 <div class="bottom-text">
                     <h1>Lorem ipsum dolor sit amet</h1>
                     <p>
@@ -113,7 +117,6 @@
 
                 <section class="bottom-img">
                     <img class="bottom-banner-desktop" src="assets/img/Rectangle 15.png" alt="Imagem de um Oculos com uma tela de códigos atrás.">
-                    <img class="bottom-banner-mobile" src="assets/img/Rectangle 15 (1).png" alt="Imagem de um Oculos com uma tela de códigos atrás.">
                 </section>
             </article>
         </main>
diff --git a/src/styles/style.css b/src/styles/style.css
index 43a6e82..a2f85d2 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -19,12 +19,13 @@ header {
     background-color: black;
     text-align: center;
     min-height: 10px;
+    max-height: 100px;
     padding: 18px;
 }
 
 .home img {
-    max-width:160px;
-    max-height:110px;
+    max-width: 226px;
+    max-height: 43px;
     width: auto;
     height: auto;
 }
@@ -183,14 +184,14 @@ picture img {
     }
 }
 
-@media screen and (min-width: 415px) {
-    .main-banner-mobile {
+@media screen and (max-width: 414px) {
+    .bottom-banner-desktop {
         display: none;
     }
 }
 
-@media screen and (max-width: 414px) {
-    .bottom-banner-desktop {
+@media screen and (min-width: 415px) {
+    .main-banner-mobile {
         display: none;
     }
 }
@@ -228,6 +229,11 @@ picture img {
         grid-template-columns: 1fr;
         padding: 36px 26px;
     }
+
+    .blocks3 {
+        grid-template-columns: 1fr;
+        padding: 36px 26px;
+    }
 }
 
 @media screen and (min-width: 769px) and (max-width: 1200px) {
@@ -235,4 +241,19 @@ picture img {
         grid-template-columns: repeat(2, max-content);
         padding: 36px 26px;
     }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1400px) {
+    .bottom-banner-desktop {
+        width: 963.33px;
+        height: 195.50px;
+
+    }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1800px) {
+    .blocks3 {
+        grid-template-columns: repeat(2, max-content);
+        padding: 36px 26px;
+    }
 }
\ No newline at end of file