Basic navbar

not my best work, o well...

_CDN/css/skeleton.css

@@ -405,8 +405,77 @@ there.
 /* Larger than mobile */
 @media (min-width: 400px) {}
 
+/* Disable mobile-nav when going above 550px.  */
+@media (max-width: 550px) {}
+
 /* Larger than phablet (also point when grid becomes active) */
-@media (min-width: 550px) {}
+@media (min-width: 550px) {
+	
+/* 	=======================================================
+	Navbar for all devices big enough to display it.
+	======================================================= */	
+#navbar {
+  overflow: hidden;
+  background-color: #C0C0C0;
+  position: fixed;
+  width: 100%;
+  text-align: center;
+  top: 0;
+  z-index: 100;
+  transition: top 0.3s;
+}
+#navbar a {
+  display: inline-block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px;
+  text-decoration: none;
+}
+#navbar a:hover {
+  background-color: #ffefef21;
+}
+/* 	=======================================================
+	Dropdown for navbar.
+	======================================================= */
+.dropdown {
+display: inline-block;
+color: #f2f2f2;
+text-align: center;
+text-decoration: none;
+}
+.dropdown .dropbtn {
+  border: none;
+  outline: none;
+  padding: 14px 16px;
+  background-color: inherit;
+  font-family: inherit; 
+  margin: 0;
+}
+.navbar a:hover, .dropdown:hover .dropbtn {
+  background-color: #ffefef21;
+}
+.dropdown-content {
+  display: none;
+  position: fixed;
+  background-color: #000;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+.dropdown-content a {
+  float: none;
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+  text-align: left;
+}
+.dropdown-content a:hover {
+  background-color: #ddd;
+}
+.show {
+  display: block;
+}
 
 /* Larger than tablet */
 @media (min-width: 750px) {}
@@ -416,3 +485,4 @@ there.
 
 /* Larger than Desktop HD */
 @media (min-width: 1200px) {}
+