fix css mobile

Author: nato-re

css/style.css

@@ -254,12 +254,13 @@ h4 {
 
 #ingressos h2 {
     margin-top: 40px;
-    margin-bottom: 0;  
+    margin-bottom: 0;
 }
 
-#ingressos h3, #submeta-atividade h3 {
+#ingressos h3,
+#submeta-atividade h3 {
     margin-top: 0;
-    margin-bottom: 40px;  
+    margin-bottom: 40px;
 }
 
 
@@ -289,16 +290,15 @@ h4 {
 
 .division {
     margin: 50px 0;
-
 }
 
 #sobre h3 {
-    margin-bottom: 30px; 
+    margin-bottom: 30px;
 }
 
 .text-box p:first-of-type {
-    margin-bottom: 20px; 
-    
+    margin-bottom: 20px;
+
 }
 
 .cronograma-box {
@@ -323,8 +323,9 @@ h4 {
     margin-bottom: 10px;
 }
 
-#localizacao h3, #agenda h3 {
-    margin-bottom: 30px; 
+#localizacao h3,
+#agenda h3 {
+    margin-bottom: 30px;
 }
 
 #patrocinio h2 {
@@ -354,7 +355,7 @@ h4 {
 }
 
 .content p {
-    margin-bottom: 15px; 
+    margin-bottom: 15px;
 }
 
 .city-image img {
@@ -371,16 +372,13 @@ h4 {
     margin-bottom: 20px;
 }
 
-.text-box {
-    margin-top: 20px;
-}
 
 .footer-social-icons {
     display: flex;
     /* gap: 15px; */
     list-style: none;
     padding: 0;
-    margin-bottom: 15px; 
+    margin-bottom: 15px;
 }
 
 .footer-links {
@@ -412,6 +410,7 @@ h4 {
 }
 
 .text-box {
+    margin-top: 20px;
     background-color: #FFFFFF;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     width: 80%;
@@ -651,8 +650,9 @@ iframe {
     /* Alinha os itens verticalmente */
     margin-left: 20px;
     font-size: 1em;
-     /* Media query for mobile devices */
-     @media (max-width: 768px) {
+
+    /* Media query for mobile devices */
+    @media (max-width: 768px) {
         margin-left: 0px;
         /* Full width on mobile */
     }
@@ -692,7 +692,7 @@ iframe {
     width: 50%;
     margin: auto;
     @media (max-width: 768px) {
-        width: 80%;    /* Full width on mobile */
+        width: 80%;
     }
 }
 
@@ -709,8 +709,8 @@ iframe {
     width: 80%;
     padding: 20px;
     @media (max-width: 768px) {
-        padding: 10px;  
-        margin: 10px;      /* Full width on mobile */
+        padding: 10px;
+        margin: 10px;
     }
 }
 
@@ -893,14 +893,17 @@ iframe {
     max-height: 200px;
     max-width: 100%;
 }
+
 .sponsor-logo-quadrada {
     max-height: 275px;
     max-width: 275px;
 }
+
 .sponsor-logo-img {
     max-height: 100%;
     max-width: 100%;
 }
+
 .sponsor-logo-min {
     max-height: 100px;
     max-width: 300px;
@@ -955,7 +958,7 @@ iframe {
 
 .submissions-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
 }
 
@@ -967,7 +970,7 @@ iframe {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
-    }
+}
 
 .submission-title {
     font-size: 20px;
@@ -1004,4 +1007,4 @@ iframe {
 
 .speaker-email:hover {
     text-decoration: underline;
-}
+}