From e29835155a02882481d054cecc67f53ae28503e5 Mon Sep 17 00:00:00 2001
From: Matheus <matheusmariosa341@gmail.com>
Date: Thu, 13 Oct 2022 14:00:51 -0300
Subject: [PATCH] ajustes imagens,text e card

---
 assents/style/estilo.css | 23 +++++++++++++++++++++++
 index.html               |  4 ++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/assents/style/estilo.css b/assents/style/estilo.css
index 391c14d..5d4e648 100644
--- a/assents/style/estilo.css
+++ b/assents/style/estilo.css
@@ -47,6 +47,10 @@ body {
 .theree-computer {
     margin-bottom: 179px;
 }
+
+.foto-celular {
+    max-height: 103px ;
+}  
 /*texto inicial*/
 
 .text {
@@ -100,6 +104,10 @@ body {
     width: 29%;
 }
 
+.text-margin {
+    margin-bottom: 116px;
+}
+
 /*Cards do topo*/
 
 .cards-top {
@@ -107,6 +115,7 @@ body {
     align-items: center;
     justify-content: center;
     padding: 0 72px;
+    margin-bottom: 107px;
 }
 
 .card-top-box {
@@ -251,6 +260,10 @@ body {
 }
 
 @media screen and (max-width: 1023px) { 
+    .logo-m3 {
+        width: auto;
+    }
+
     .banner-big {
         display: none;
     }
@@ -259,6 +272,16 @@ body {
         display: block;
     }
 
+    .text-title {
+        font-size: 28px;
+        line-height: 34px;
+    }
+    .text-sub-title {
+        font-size: 20px;
+        line-height: 24px;
+    }
+    
+
     .text-description {
         text-align: center;
         margin: 0 0 79px;
diff --git a/index.html b/index.html
index 10f2c41..cf67bfb 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@
                 </figure>
 
                 <figure class="card">
-                    <img class="card-foto-bottom" src="./assents/imagens/card-bottom-group.png" alt="foto de um celular">
+                    <img class="card-foto-bottom foto-celular" src="./assents/imagens/card-bottom-group.png" alt="foto de um celular">
                     <figcaption class="text-card-bottom">
                         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.
                     </figcaption>
@@ -97,7 +97,7 @@
             </div>
             </section>
 
-            <section class="text" >
+            <section class="text text-margin" >
                 <img class="foto-final-reverse" src="./assents/imagens/banner-bottom-reverse.png" alt="Foto de um computador e um óculos">
                 <div class="text-final">
                     <h3 class="text-title-final">Lorem ipsum dolor sit amet</h3>