html{
	scroll-behavior:smooth;
}
.site-header{
	position:sticky;
	top:0;
	height:79px;
	background:#fff;
	box-shadow:0 2px 6px rgba(0,0,0,.5);
	z-index:999;
}
.bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:100%;
	padding:0 3% 0 2%;
}
.logo{
	height:64px;
	width:auto;
}
#menu{
	display:flex;
	align-items:center;
	gap:22px;
}
#menu a{
	text-decoration:none;
	color:#333;
}
#btnMenu,
#btnClose{
	background:none;
	border:none;
	font-size:36px;
	cursor:pointer;
	display:none;
	color:#c8a24a;
}
#overlay{
	position:fixed;
	display:none;
	inset:0;
	background:rgba(0,0,0,.3);
}
@media (max-width:1024px){
.bar{
	padding:0 3% 0 3%;
}
.logo{
	height:73px;
	/* width:auto; */
}
#btnMenu{
	display:block;
}
#menu{
	position:fixed;
	top:-100%;
	left:0;
	width:100%;
	padding:20px;
	font-size:1.5rem;
	font-weight:700;
	background:#fff;
	flex-direction:column;
	transition:.2s;
	/* box-shadow:0 6px 16px rgba(0,0,0,.08); */
}
#menu.a{
	top:0;
}
#menu.a a{
	text-decoration:underline;
}
#btnClose{
	display:block;
	align-self:flex-end;
	margin-bottom:10px;
	font-size:3rem;
}
#overlay.a{
	display:block;
}
}