.menu a:hover{
	background-color:#F2E1C7;
}
header{
	display: flex;
	padding: 5px 10px 10px 10px;
	background-color:#fff;
	align-items: center;
	position: sticky;
	top: 0;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	font-weight: 520;
	z-index:100;
}
.menu{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:200%;
	display:flex;
	justify-content: space-around;
}
.menu a{
	text-decoration:none;
	padding: 0 35px;
	display:block;
	text-align: center;
	color:black;
	border-radius: 10px 100px / 120px;
	transition-duration: 0.4s;
	transition-property: background-color;
}


#checkbox_toggle, .hamburgered, .hamburger{
	display:none;
	cursor:pointer;
}
@media only screen and (min-width: 1234px){
	#logo{
		margin-left:6.25%;
	}
	nav{
		padding:10px;
		font-size: 17px;
		margin-right:30px;
		text-transform: uppercase;
	}
	#logo > a > img{
		height: 60px;
		width: 168.23px;
	}
	.menu > li > ul{
		list-style-type:none;
		margin:0;
		padding:0;
		display:none;
		position:absolute;
		margin-left:-40px;
		background-color:#fff;
		transition-duration: 2s;
		border-radius: 10px 100px / 120px;
		transition-duration: 0.4s;
		transition-property: background-color;
	}
	.menu > li:hover > ul{
		display:block;
		position:absolute;
		background-color:#F3D3A8;
	}
}
@media only screen and (max-width: 1233px){
	header{
		position:relative;
		padding:5px;
	}
	.menu{
		display:block;
		position:absolute;
		background-color:#fff;
		width:100%;
		top:150px;
		left:-100%;
		transition-duration: 0.3s;
		font-size:26px;
	}
	.hamburger{
		font-size:34px;
		padding-right:12px;
		display:flex;
	}
	.hamburger::before {
		content: "\2630";
		transition: transform 0.4s ease, content 0s 0.2s;
	}
	#checkbox_toggle:checked + .hamburger::before {
		content: "\2715";
		transform: rotate(180deg);
		margin-top:10px;
		margin-right:2px;
	}
	#checkbox_toggle:checked ~.menu{
		display:block;
		position:absolute;
		z-index:100;
		top: 99%;
		left:0px;
	}
	nav{
		margin:0px;
	}
	#logo > a > img {
		width: 100%;
		height: 50px;
	}
	#logo{
		margin-left:5px;
		margin-top:3px;
	}
	.menu{
	}
	.menu a{
		padding:0 10px;
		margin: 0 10%;
	}
	.menu > li > ul{
		list-style-type:none;
		display:block;
		position:none;
		margin-left:0px;
		padding:0;
	}
	.menu > li:hover > ul{
		position:clear;
		background-color:#fff;
	}
}