@charset "UTF-8";
/* CSS Document */

#nav-header {
	z-index: 100;
	position: relative;
	background-color: var(--white);
}

#navbar {
	padding: 20px;
}

#site-logo {
}

#site-logo img {
	height: 100px;
}

#navbar .nav-action {
	border-color: var(--act-alt);
	color: var(--white);
	display: flex;
	gap: 10px;
	align-items: center;
}

@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
    #site-logo {
		background-image: none;
		padding: 10px 0;
		margin: 0;
		width: auto;
	}
	
	#site-logo img {
		max-height: 60px;
	}
	
	#navbar .nav-action.button {
		padding: 10px;
	}
}