.site-header {
	position: fixed;
	z-index: 9;
	height: fit-content;
	padding: 10px 30px;
	display: flex;
  	align-items: center;
	justify-content: space-between;
	width: 100%;
  	margin: 0 auto;
	background: var(--blue);
}
@media (max-width: 768px) {
	.site-header {
		padding: 20px;
	}
}

.site-header img{width:180px}
@media (max-width: 768px) {
	.site-header img{width:130px}
}

.site-header a {
	text-decoration: none;
}

nav {
	width: 100%;
}

.desktop-menu {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.nav__main-list__item {
	flex: 1;
	text-align: center;
	font-size: 15px;
}

.nav__main-list__item a {
	color: var(--white);
	text-transform: uppercase;
	padding: 12px;
}

/* The menu item displaying "chiya" */
.nav__main-list__logo {
	text-align: center;
	flex: 1;
}

.nav__main-list__logo a {
	color: var(--white);
	font-size: 2rem;
	padding: 20px;
	font-family: "Windsor";
}

/* The mobile dropdown containing all links */
ul.menu-items {
	display: flex;
	flex-direction: column;
	background: #00375b;
	width: 100%;
	height: 100vh;
	padding: 20px 10px;
	position: absolute;
	top: 80px;
	left: -125vw;
	counter-reset: mobileNavMainListItem;
	transition: left 0.4s ease;
}

/* Mobile and smaller (<= 768px) */
@media (max-width: 768px) {
	.mobile-menu {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-menu-logo-item {
		text-align: center;
		flex: 1;
	}
	.mobile-menu-logo-item a {
		color: var(--white);
		font-size: 2rem;
		font-family: "Windsor";
	}
	.mobile-menu-order-item {
		flex: 1;
		text-align: center;
		display: flex;
		justify-content: end;
	}
	.mobile-menu-order-item a {
		color: var(--white);
		align-items: center;
		font-weight: lighter;
		padding-right: 15px;
	}

	.mobile-menu-order-item a::after {
		content: " →";
		margin: 10px 0px 13px 5px;
	}

	.nav__main-list__item {
		counter-increment: mobileNavMainListItem;
		flex: unset;
		text-align: unset;
		line-height: 4rem;
		font-size: 2rem;
	}

	.mobile-override {
		left: 0px !important;
	}

	.mobile-override li a {
		color: var(--white);
		text-decoration: none;
	}

	.nav__main-list__item-2 {
		padding: 0 0 0 12px;
		margin: 3px 0px;
		font-size: 18px;
	}

	.header-contact-insta::before,
	.header-contact-tiktok::before,
	.header-contact-email::before {
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		padding: 0px;
		vertical-align: middle;
		margin-right: 3px;
	}

	.header-contact-insta::before {
		background: url("/static/images/header-icon-instagram.webp") no-repeat center / contain;
	}

	.header-contact-tiktok::before {
		background: url("/static/images/header-icon-tiktok.webp") no-repeat center / contain;
		opacity: 0.5;
	}

	.header-contact-email::before {
		background: url("/static/images/header-icon-email.webp") no-repeat center / contain;
	}

	nav {
		position: absolute;
	}

	.item-numbered::before {
		content: counter(mobileNavMainListItem) "— ";
		font-size: 15px;
		vertical-align: top;
		min-width: 30px;
		display: inline-block;
	}
}

/* Hamburger icon for mobile... */
.checkbox {
	display: block;
	left: 20px;
	position: absolute;
	height: 30px;
	width: 30px;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
	padding: 50px;
}

.hamburger-lines {
	height: 40px;
	width: 40px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	padding: 12px 6px;
}

.hamburger-lines .line {
	display: block;
	height: 2px;
	border-radius: 10px;
	background: var(--white);
}

.hamburger-lines .line1 {
	transform-origin: 0% 0%;
	transition: transform 0.4s ease-in-out;
}

.hamburger-lines .line2 {
	transition: transform 0.2s ease-in-out;
}

.hamburger-lines .line3 {
	transform-origin: 0% 100%;
	transition: transform 0.4s ease-in-out;
}