#nav {
	a,
	a:hover,
	a:visited {
		color: black;
		text-decoration: none;
	}

	@media screen and (max-width: 1000px) {
		text-align: right;
	}

	ul {
		@media screen and (max-width: 1000px) {
			display: none;
		}

		list-style-type: none;
		padding-left: 0;

		li {
			display: inline;
			padding-left: 0;
			margin-right: 20px;
			border-bottom: 2px solid #f9c55a;
			color: black;
		}

		.active {
			border-bottom: 2px solid rgb(183, 149, 166);
			color: rgb(183, 149, 166);
		}

		.deeper {
			position: relative;

			.nav-child, & > ul {
				display: none;
				position: absolute;
				background-color: white;
				box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
				z-index: 1;
				left: 0; /** Needed by FF and Chrome to have submenu under menu **/

				li {
					border-bottom: none;

					a {
						border-bottom: 2px solid #f9c55a;
					}
				}
			}
		}

		.deeper:hover .nav-child, .deeper:hover > ul {
			display: block;
			padding-top: 10px;
			padding-bottom: 5px;

			li {
				display: block;
				margin-left: 10px;
				margin-bottom: 5px;
				white-space: nowrap;
			}
		}
	}
}
