diff --git a/assets/styles/main.css b/assets/styles/main.css
index 9128aa8..0ea56bd 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -41,6 +41,7 @@ body {
 }
 
 .top-infocard-subtitle {
+    font-weight: 400;
     font-size: 32px;
     text-transform: uppercase;
 }
@@ -66,6 +67,7 @@ body {
     grid-template-columns: repeat(3, max-content);
     gap: 21px;
     justify-content: center;
+    padding-bottom: 65px;
 }
 
 .cards{
@@ -87,6 +89,7 @@ body {
 
 .top-card-desc {
     max-width: 300px;
+    width: 85%;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
@@ -99,8 +102,8 @@ body {
     justify-content: center;
     gap: 16px;
     margin-top: 129px;
-    margin-left: 72px;
-    ;
+    padding-left: 72px;
+    width: 100%;
 
 }
 
@@ -108,14 +111,14 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-
+    justify-items: center;
+    width: 100%;
 }
 
 .bottom-card-image {
-
     display: block;
     padding-top: 35px;
-    padding-bottom: 15px;
+    margin-bottom: 15px;
 }
 
 .bottom-card-desc {
@@ -124,13 +127,87 @@ body {
     font-size: 16px;
     line-height: 24px;
     padding-bottom: 65px;
-    margin-left: 32px;
-    margin-right: 32px;
+    /*margin-left: 32px;
+    margin-right: 32px;*/
+}
+
+.middle-banners {
+    background: #E0E0E0;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 39px;
+    justify-content: center;
+    width: 100%;
+    padding: 0 72px;
+}
+
+.banners {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-items: center;
+    width: 100%;
+    padding: 62px 0;
+}
+
+.foto{
+    display: block;
+    width: 100%;
+}
+
+.page-footer {
+    display: flex;
+    justify-content: center;
+    background: #000000;
+    height: 128px;
+}
+
+.footer-logo {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    justify-content: center;
+    gap: 0;
+    margin-top: 20px;
+
+}
+
+.footerlogo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.footer-text {
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    color: #BDBDBD;
+    margin-top: 79px;
 }
 
 
+    
+   /* 
+    display: grid;
+    grid-template-columns: (auto auto auto);
+    grid-template-rows: auto;
+    gap: 19px;
+    width: 100%;
+    grid-template-areas: "foto1 foto2 foto3";
+    width: 88%;
+    */
 
+/*.banners {
+    display: grid;
+    grid-template-areas: "foto1 foto2 foto3";
+    width: 90%;
+    gap: 39px;
+}
 
+.banner {
+    width: 33%;
+}*/
 
 
 /*-----------Breakpoints-----------*/
@@ -165,9 +242,7 @@ body {
         padding-bottom: 65px;
         min-width: 350px;
     }
-}
 
-@media screen and (max-width: 1024px) {
     .top-cards {
         grid-template-columns: 1fr;
     }
@@ -183,13 +258,50 @@ body {
 
     .bottom-card {
         width: 88%;
-        margin: 0 auto;
+        align-self: center;
     }
 
     .bottom-card-desc {
         width: 82%;
     }
-
-
 }
 
+@media screen and (min-width: 768px) and (max-width: 1199px) {
+    .top-cards {
+        grid-template-columns: repeat(2, max-content);
+    }
+
+    .bottom-cards {
+        grid-template-columns: repeat(2, max-content);
+    }
+
+    .middle-banners {
+        grid-template-columns: repeat(2, 1fr);
+        grid-template-rows: repeat(2, auto);
+        grid-template-columns: auto;
+        align-content: stretch;
+        row-gap: 39px;
+    }
+
+    .banner3 {
+        grid-column: span 2;
+    }
+    
+}
+
+@media screen and (max-width: 1199px) {
+    .middle-banners {
+        grid-template-columns: repeat(2, 1fr);
+        grid-template-rows: repeat(2, auto);
+        grid-template-columns: auto;
+        align-content: stretch;
+        row-gap: 39px;
+    }
+
+    .banner3 {
+        grid-column: span 2;
+    }
+    
+}
+
+
diff --git a/landingpage.html b/landingpage.html
index 9901ae6..7b0becb 100644
--- a/landingpage.html
+++ b/landingpage.html
@@ -64,20 +64,22 @@
 
             </section>
 
-         <!--   <section class="middle-banners">
-                <div class="banner">
-                    <img src="./assets/images/mid-banner01.png" alt="Banner Middle 1" />
-                </div>
-                <div class="banner">
-                    <img src="./assets/images/mid-banner02.png" alt="Banner Middle 2" />
-                </div>
-                <div class="banner">
-                    <img src="./assets/images/mid-banner03.png" alt="Banner Middle 3" />
-                </div>
+            <!--<div class="middle-banners">-->
+                <div class="middle-banners stretch">
+                    <div class="banners banner1">
+                        <img class="foto" src="./assets/images/mid-banner01.png" alt="Banner Middle 1" />
+                    </div>
+                    <div class="banners banner2">
+                        <img class="foto" src="./assets/images/mid-banner02.png" alt="Banner Middle 2" />
+                    </div>
+                    <div class="banners banner3">
+                       <img class="foto" src="./assets/images/mid-banner03.png" alt="Banner Middle 3" />
+                    </div>
+            <!--   </div> -->
 
-            </section>-->
+            </div>
 
-            <section class="bottom-cards">
+           <section class="bottom-cards">
                 <div class="bottom-card cards">
                     <img class="bottom-card-image" src="./assets/images/bottom-card01.png" alt="Image do primeiro card de baixo" />
                     <p class="bottom-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.   </p>
@@ -106,13 +108,21 @@
 
         </main>    <!-----------------Fim do main------------->
 
-      <!--  <footer class="page-header">
-            <a href="#">
-                <img class="h-logo" src="./assets/images/logo-m3.png" alt="Logo M3" />
-            </a>
+        <footer class="page-footer">
+            <div class="footer-logo">
+                    <img class="footerlogo" src="./assets/images/logo-footer01.png" alt="Logo Footer Instagram" />
 
+                    <img class="footerlogo" src="./assets/images/logo-footer02.png" alt="Logo Footer Facebook" />
 
-        </footer> --> <!-----------------Fim do footer------------->
+                    <img class="footerlogo" src="./assets/images/logo-footer03.png" alt="Logo Footer Youtube" />
+            </div>
+            <div>
+                <p class="footer-text">
+                    Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+                </p>
+            </div>
+            
+        </footer> <!-----------------Fim do footer------------->
 
     </body>