mob

src/App/mediarules.css

@@ -60,7 +60,9 @@
       footer {
           width: 100% !important; 
           box-sizing: border-box; 
-          padding: 15px 10px; 
+          padding: 15px !important; 
+          text-align: center; /* Center all the text for better readability */
+      
         
       }
     
@@ -69,26 +71,35 @@
         line-height: 1.4; 
       }
     
-      footer .social-icons {
+      footer .socials {
         display: flex;
         justify-content: center;
         margin-bottom: 10px;
       }
     
-      footer .contact-info {
-        font-size: 12px; 
+      .contact-info {
+        font-size: 14px; 
+        text-align: center;
+
       }
     
-      footer img {
-        width: 100px !important; 
+      .img-sponsor {
+        width: 100px; 
         height: auto;
+        margin: 0 auto; 
+      }
+      .footer-slider {
+        width: 100%; /* Ensure slider takes up the full width on mobile */
+        margin-top: 20px;
       }
-    
 
       footer a {
         word-wrap: break-word;
         overflow-wrap: break-word;
       }
+      hr {
+        margin: 20px 0; /* Add spacing for separation on mobile */
+      }
 
     /***gif***/
     .CFTR-gif  {