.navbar{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.navcontainer {
	/*background: rgb(4,173,191);*/
	/*background: linear-gradient(90deg, rgba(4,173,191,1) 0%, rgba(185,255,0,1) 100%);*/
	display: flex;
	align-items: center;
	
}
.navtitle {
	display: none;
}
.navtoggle{
	display: none;
}

.navlogo {
}
.navlogo a {
	display: flex;
	flex-basis: 1 auto;
	margin: 0.1em;
}

.navlist {
	display: flex;
	padding: 0;
	margin: 0;
	
	width: 100%;
	
	list-style: none;
}

.navlist li {
	margin: 0em 0.9em 0em 0.2em;
	height: 100%;
}
.navlist li:hover {
	height: 100%;
}

.navlist a {
	color: #34495e;
	text-decoration: none;
	line-height: 2em;
	display: inline-block;
  	transition: background-color 0.2s;
}

.navlist a:hover {
}

.navlist li:nth-child(1) {
    border-bottom: none;
    margin-left: auto;
   
}



@media all and (max-width: 750px) {
	body {
		padding: 0px;
	}
	
	.navcontainer {
		border: solid 1px #7eeffc;
		border-radius: 8px;	
		padding: 4px;
		margin: 0.1em;
		
		background: white;
		
		display: flex;
		align-items: flex-start;
		
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0);
		
	}
		
	.navtitle {
		display: flex;
		align-items: flex-start;
		
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.navtoggle{
		display: flex;
		cursor: pointer;
		margin-left: auto;
	}
		
	.navlist {
		display: none;
		padding: 0;
		width: 100%;
		
		list-style: none;
		
		margin: 0.2em;
	}
	
	.navlist> li{
		text-align: center;
		margin: 0.5em auto;
	}
	
	.navlogo {
		display: none;
	}
	
	.active {
		display: list-item;
	}
}