.site-header {
	position: sticky; 
	top: 0; 
	z-index: 999;
	width: 100%; 
	display: flex; 
	align-items: center;
	justify-content: center; 
	background: var(--accent-color)
}

.site-header .header-container{
	max-width: var(--max-width);
	width: 96%; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	padding: 10px
}

@media(max-width: 900px){
	.site-header{
		box-shadow: 0 0 4px #ccc;
	}
}