#vrl-navbar {
	width: 100%; 
	height: 3vh; 
	padding: 0 10px 0 0; 
	background-color: black!important;
	overflow: hidden;
}
	
#vrl-head {
	float: left;
	color: white; 
	margin: 0 0 0 1vw; 
	padding-top: 0.5vh;
	font-family: 'luminance', sans-serif;
	font-size: 2vh;
	width: calc(100% - 55px);
}

#vrl-global {
	float: right;
	font-size: 2vh;
	font-family: 'luminance', sans-serif;
	color: #DDDDFF;
	overflow: hidden;
	width: 30px;
	text-align: right;
	padding-top: 0.5vh;
}


.vrl-subdued {
	font-family: 'luminance', sans-serif; 
	font-size: 1.5vh; 
	font-weight: 100;
}

a {
	color: #DDDDFF;
	text-decoration: none!important;
} 

a:hover, h3 a:hover {
	color: #CCCCFF;
	text-decoration: underline;
}


.vrl-char-circle {
    width: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    border: 2px solid #DDDDFF;
}

@media (min-width: 1px) and (max-width: 675px) {
  
  #vrl-global {
  	display: none;
  }
}