Finish dropdown in navbar

example/resources/style.css

@@ -30,6 +30,58 @@ li a {
 	  font-size: 3.0vmax;
 	}
 }
-.active li a {
+.active {
   background-color: #04AA6D;
 }
+/* Dropdown button */
+.dropdown .dropbutton {
+  display: block;
+	border: none;
+  color: white;
+  text-align: center;
+  padding: 15px 35px;
+  text-decoration: none;
+  font-size: 3.0vmin;
+  background-color: inherit;
+}
+@media only screen and (max-width: 1000px) {
+	.dropdown .dropbutton {
+		border: none;
+		display: block;
+		color: white;
+
+		text-align: center;
+		padding: 15px 35px;
+		text-decoration: none;
+	  font-size: 3.0vmax;
+  background-color: inherit;
+	}
+}
+/* Dropdown content (hidden by default) */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #333;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+/* Links inside the dropdown */
+.dropdown-content a {
+  float: none;
+  color: white;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+  text-align: left;
+}
+
+/* Add a grey background color to dropdown links on hover */
+.dropdown-content a:hover {
+  background-color: #ddd;
+}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}