Responsive Design

1 files changed, 28 insertions, 0 deletions

diff --git a/style.css b/style.css
index 8f3058d..a551f26 100644
--- a/style.css
+++ b/style.css
@@ -92,3 +92,31 @@ li a:hover {
     padding: 0;
 
 }
+
+.navigation .icon {
+    display: none;
+}
+
+ 
+ @media screen and (max-width: 600px) {
+    .navigation a:not(:first-child) {display: none;}
+    .navigation a.icon {
+      float: right;
+      display: block;
+    }
+  }
+  
+  
+  @media screen and (max-width: 600px) {
+    .navigation.responsive {position: relative;}
+    .navigation.responsive a.icon {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+    .navigation.responsive a {
+      float: none;
+      display: block;
+      text-align: left;
+    }
+  } 
\ No newline at end of file