.toggle,
[id^=drop] {
	display: none;
}

nav {
	position:relative;
	width: 100%;
	height: auto;
}

	#nav_body {
		position: relative;
		margin: 0 auto;
		padding: 0 30px;
		text-align: center;
	}

	@media screen and (min-width : 992px) {
		#nav_body { width: 1200px; }
	}

		.menu {
			background-color: #dad9d7;
			border-radius: 6px;
			padding: 0 30px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			height: 60px;
		}

			.menu li a {
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #393939;
				font-weight: 700;
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
			}

			.menu li a:hover {
				color: #b8a465;
			}

			@media all and (max-width : 992px) {

				.menu {
					height: auto;
					padding: 20px 30px;
				}

				.menu li {
					padding: 5px 0;
				}
	
				.toggle + a,
				.menu {
					display: none;
				}
				
				.toggle {
					display: block;
					margin: 0 auto;
					cursor:pointer;
					font-size: 25px;
					padding-bottom: 20px;
				}
				
				[id^=drop]:checked + ul {
					display: block;
					top: 0;
					margin-bottom: 20px;
				}

			}