.header-site {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: #fff;
	position:relative;
	z-index:2;	
}

.header-site-wrap {
	min-height:90px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.logo-header {
	width:clamp(142px, 122.80px + 6.00vw, 238px);
	height:clamp(32px, 27.60px + 1.38vw, 54px);
	display:block;
}

.logo-header img {
	width:100%;
	height:100%;
}

#primary-menu {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	gap:25px;
}

#primary-menu li {
	border: 1px solid var(--april-pink);
	border-radius: 10px;
	padding: 10px 20px;
}

#primary-menu li a {
	text-decoration:none;
	font-family: var(--third-family);
	font-weight: 300;
	font-size: 16px;
	color: #000;
}

#primary-menu .custom-item-menu {
	background: var(--april-pink);
}

#primary-menu .custom-item-menu a {
	font-weight: 700;
	color: #fff;
}

.mobile-menu {
	display:none;
	flex-direction:column;
	justify-content:space-between;
	width:26px;
	height:20px;
}

.mobile-menu span {
	display:block;
	width:100%;
	height:4px;
	background: var(--april-pink);
	border-radius: 7px;
}

@media (max-width: 768px) {
	#primary-menu {
		display:none;
	}
	
	.mobile-menu {
		display:flex;
	}
}