Mobile navigation added

_CDN/css/skeleton.css

@@ -406,7 +406,78 @@ there.
 @media (min-width: 400px) {}
 
 /* Disable mobile-nav when going above 550px.  */
-@media (max-width: 550px) {}
+@media (max-width: 550px) {
+	
+/* 	=======================================================
+	mobile-navbar.
+	======================================================= */
+#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: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px;
+  text-decoration: none;
+}
+#navbar a:hover {
+  background-color: #ffefef21;
+}
+.nav #navlinks {
+  display: none;
+}
+
+/* 	=======================================================
+	Dropdown for mobile-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 phablet (also point when grid becomes active) */
 @media (min-width: 550px) {
@@ -434,6 +505,9 @@ there.
 #navbar a:hover {
   background-color: #ffefef21;
 }
+.nav #burgermenu {
+  display: none;
+}
 /* 	=======================================================
 	Dropdown for navbar.
 	======================================================= */