From a89161bbc0f7ca86b13182bf742a509ba697ae7a Mon Sep 17 00:00:00 2001
From: Hanzala Ghayas Abbasi
 <123712590+hanzalaghayasabbasi@users.noreply.github.com>
Date: Wed, 14 Aug 2024 14:04:52 +0500
Subject: [PATCH] Update styles.css

---
 styles.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/styles.css b/styles.css
index a833500..22d7c45 100644
--- a/styles.css
+++ b/styles.css
@@ -1105,6 +1105,62 @@ nav ul li a:hover {
     }
 }
 
+
+/* Media query for smaller screens */
+@media (max-width: 768px) {
+    .footer {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .footer-logo {
+        margin-bottom: 20px;
+    }
+
+    .footer-company,
+    .footer-contact {
+        margin-bottom: 20px;
+    }
+
+    .footer-social {
+        justify-content: center;
+    }
+
+    .footer-social svg {
+        width: 25px;
+        height: 25px;
+    }
+}
+
+
+/* Media query for smaller screens */
+@media (max-width: 768px) {
+    .footer {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .footer-logo {
+        margin-bottom: 20px;
+    }
+
+    .footer-company,
+    .footer-contact {
+        margin-bottom: 20px;
+    }
+
+    .footer-social {
+        justify-content: center;
+    }
+
+    .footer-social svg {
+        width: 25px;
+        height: 25px;
+    }
+}
+
 /* Keyframes for fadeIn animation */
 @keyframes fadeIn {
     from { opacity: 0; }