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

#navbar .nav-responsive {
	width: 100%;
	justify-content: end;
	padding: 10px 0;
}

#navbar .nav-responsive .menu {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	margin: 0;
}

#navbar .nav-responsive .menu li:not(.button){
	padding: 0 10px;
	font-weight: 200;
}

#navbar .nav-ham-icon {
	display: none;
	font-size: 20px;
	color: rgba(var(--white), 1);
}

#navbar .nav-ham-icon .close {
	display: none;
}


@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
    #navbar .nav-ham-icon {
		display: block;
	}
	
	#navbar .nav-items:not(.open) {
		display: none;
	}
	
	#navbar .nav-items {
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		box-sizing: border-box;
		justify-content: end;
		padding: 20px;
		background-color: rgba(var(--black), 1);
	}
	
	#navbar .nav-items ul.menu {
		display: grid;
		justify-items: end;
	}
}

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

}