first responsive adjustments done

Natours/starter/sass/layout/_navigation.scss

@@ -14,6 +14,16 @@
     z-index: 2000;
     box-shadow: 0 1rem 3rem rgba($color-black, 0.1);
 
+    @include respond(tab-port) {
+      top: 4rem;
+      right: 4rem;
+    }
+
+    @include respond(phone) {
+      top: 2.5rem;
+      right: 2.5rem;
+    }
+
     text-align: center;
 
     cursor: pointer;
@@ -33,7 +43,15 @@
     z-index: 1000;
     transition: transform 0.8s cubic-bezier(0.83, 0, 0.17, 1);
 
-    // transform: scale(80);
+    @include respond(tab-port) {
+      top: 4.5rem;
+      right: 4.5rem;
+    }
+
+    @include respond(phone) {
+      top: 3rem;
+      right: 3rem;
+    }
   }
 
   &__nav {