diff --git a/css/desktop_9.css b/css/desktop_9.css
index 17ba155..ff8703b 100644
--- a/css/desktop_9.css
+++ b/css/desktop_9.css
@@ -409,6 +409,11 @@ nav {
     height: 30px;
     color: #ffffff;
     cursor: pointer;
+
+    
+}
+.newsletter form button:hover{
+    background-color: darkviolet;
 }
 
 .footer a .mail{
@@ -441,3 +446,62 @@ nav {
 .icon:hover{
 border-bottom: 2px solid rgb(255, 255, 255);
 }
+@media (max-width: 768px) {
+    .footer {
+        flex-direction: column;
+        padding-left: 20px;
+        padding-right: 20px;
+        height: auto;
+    }
+
+    .newsletter form input, .newsletter form button {
+        width: 100%;
+        margin-bottom: 10px;
+        height: 40px;
+    }
+    .footer_titles {
+        text-align: center;
+    }
+
+
+    .icons {
+        width: 100%;
+        justify-content: center;
+        flex-direction: row;
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+    }
+
+    .video {
+        margin-left: 0;
+        width: 100%;
+        height: auto;
+    }
+}
+
+@media (max-width: 480px) {
+    .footer_titles {
+        font-size: 12px;
+        text-align: center;
+    }
+
+    .newsletter form input, .newsletter form button {
+        height: 35px;
+    }
+
+    .footer a .mail {
+        font-size: 16px;
+    }
+
+    .icons {
+        flex-direction: row;
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+    }
+
+    .icons a {
+        margin-bottom: 10px;
+    }
+}
diff --git a/css/navbar.css b/css/navbar.css
index 6004ffc..b8d4e8e 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -352,7 +352,7 @@ body{
 }
 
 .date{
-    display: flex;
+    /* display: flex; */
     justify-content: center;
     align-items: center;
     cursor: pointer;
@@ -361,8 +361,8 @@ body{
     font-weight: 500;
     border-radius: 50%;
     transition: 0.2s;
-    height:30px;
-    width:30px;
+    height:20px;
+    width:50px;
 }
 
 .date:hover,