#head {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	background:rgba(255,255,255,.8);
}
#header {
	width:100%;
	box-sizing:border-box;
	height:60px;
	padding:0 30px;
	position:relative;
	display:grid;
	grid-template-columns:100px 1fr;
	align-items:center;
}

#header #logo img {
	display:block;
}

#menu {
	justify-self:end;
}
#menu ul {
	width:100%;
	margin:0 auto;
	font-size:13px;
	display:flex;
	column-gap:3em;
}
#menu li a {
	display:block;
	text-align:center;
	font-size:16px;
	line-height:1em;
	color:#000;
	box-sizing:border-box;
	position:relative;
	background-size:auto 50%;
	font-weight:600;
}
#menu li a span {
	display:block;
	text-align:center;
	font-size:12px;
	line-height:1em;
	font-weight:500;
	padding-top:0.2em;
}
#menu li a::after {
	content:'';
	display:block;
	width:0%;
	height:3px;
	background:#999;
	position:absolute;
	left:0;
	bottom:-7px;
	transition:.3s;
}
#menu li.current-menu-item a::after,
#menu li.current_page_item a::after,
#menu li.current-page-ancestor a::after,
#menu li.current-post-ancestor a::after,
#menu li a:hover::after {
	width:100%;
}

@media screen and (max-width:1024px){

	#menu ul {
		column-gap:2em;
	}

	#menu li a {
		font-size:14px;
	}
	#menu li a span {
		font-size:12px;
	}

}

@media screen and (max-width:768px){

#header {
	height:40px;
	padding:0 10px;
	grid-template-columns:60px 1fr;
}

button#responsive-menu-button {
    top: 6px !important;
    right: 10px !important;
}

	
}


@media screen and (max-width:480px){
	
	
}