.menu-section {
	width: 100%;
	background-color: #FAF7F3;
	border-top: 2px solid #9D7641;
	border-bottom: 2px solid #9D7641;
}

.main-menu {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.menu-list {
	display: flex;
	gap: 30px;
	list-style: none;
 	padding: 0;
}

	.menu-list a {
		font-size: 18px;
		color: #8A6739;
		text-decoration: none;
		padding: 5px 10px;  
		transition: color 0.3s;
	}

		.menu-list a:hover {
			color: #5c4325;  
			text-decoration: underline;  
		}


.submenu-container {
	text-align: center;
	background-color: #C2A377;
	padding: 10px 0;
}

 .submenu-list a {
	font-size: 18px;
	color: white;
	text-decoration: none;
	padding: 5px 10px; 
	transition: color 0.3s;
	background-color: transparent; 
}

	.submenu-list a:hover {
		color: #ffe6c7;  
 	}


		.submenu-list a:hover {
			background-color: #a9845a;
		}

	.submenu-list li {
		display: inline-block;
		margin: 0;
		padding: 0;

	}