@media(max-width: 910px) {
	header label {
		display: initial;
	}
	
	header .navbar {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,1);
		display: none;
	}

	header .navbar  ul li{
		width: 100%;
	}
	
	header .navbar  ul li ul{
		position: relative;
		width: 100%;
		background: #ccc;
	}
	
	header .navbar  ul li ul li{
		background: #eee;
	}
	
	header .navbar  ul li ul li ul{
		width: 100%;
	}

	#menu-bar:checked~.navbar {
		display: initial;
	}
	
	.sicon{
		display: flex;
	}

	.sidemenu {
		display: flex;
	}

	header nav ul li a{
		padding: 10px 5px;
	}
	
}