diff --git a/assets/css/styles.css b/assets/css/styles.css
index 5edd368..9cd53d6 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -53,22 +53,24 @@
   --z-fixed: 100;
 
   /*========== Hover overlay ==========*/
-  --img-transition: .3s;
+  --img-transition: 0.1s;
   --img-hidden: hidden;
   --img-scale: scale(1.1);
-}
-
-@media screen and (min-width: 968px) {
-  :root {
-    --biggest-font-size: 4rem;
-    --h1-font-size: 2.25rem;
-    --h2-font-size: 1.75rem;
-    --h3-font-size: 1.25rem;
-    --normal-font-size: 1rem;
-    --small-font-size: .875rem;
-    --smaller-font-size: .813rem;
+  }
+  @media screen and (max-width: 767px) {
+  .nav__menu {
+  position: fixed;
+  background-color: var(--body-color);
+  top: 0;
+  right: -100%;
+  width: 70%;
+  height: 100%;
+  box-shadow: -1px 0 4px rgba(14, 55, 63, 0.15);
+  padding: 3rem;
+  transition: .2s;
   }
 }
+  
 
 /*========== Variables Dark theme ==========*/
 body.dark-theme {