@width_navbar: 20vw; 
 
.dt-navbar{
	
	overflow-y: scroll;
	overflow-x: hidden;
	box-sizing: border-box;
	
	width: @width_navbar;
	height: 100%; 
}

.dt-navbar__section{
	
	margin-top: 2rem;
	
	&:last-child{
		padding-bottom: 0;
	}
}

.dt-navbar__title{
	margin: 0 2rem 2rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid;	
}

.dt-navbar__list{
	line-height: 3rem;
}

.dt-navbar__link{
	
	display: block;
	font-size: 1.3rem;
	
	width: @width_navbar;
	padding: 0 2rem;
	box-sizing: border-box;
	
	transition: background-color .4s ease-out, color .4s ease-out;
}

.dt-navbar__link_nested{
	padding: .8rem 3.5rem;
}

@media screen and (max-height: 480px){

	@width_navbar: 30vw; 
	 
	.dt-navbar, .dt-navbar__link{
		width: @width_navbar;
	} 	
}