a.menu
{
	font-size: 0.9em;
	color: #ffffff; 
	text-decoration: none;
	margin-left: 0.3em;
	margin-right: 0.3em;
	padding-top: 0.43em;
	padding-bottom: 0.43em;
	display: inline-block;
}

a.menu:hover
{
	color: #a4a4a3;
}

.menubar
{
	background-color:#000000;
	margin: 0px;
}

.menubar .icon {
	display: none;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

.menubar .language-switch {
	display: inline;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	float: right
}

.language-switch a
{
	display: inline;
	color: #ffffff;
	text-decoration: none;
	padding-right: 0.3em;
	padding-left: 0.3em;	
}

.language-switch a:hover
{
	color: #a4a4a3;
}

.language-switch .active
{
	font-weight: bold;
}

.language-switch span
{
	margin-right: 0.3em;
	margin-left: 0.3em;
}

@media screen and (min-resolution: 150dpi) {
	a.menu {
      font-size: 1em;	
	}
}

@media screen and (max-width: 768px) {
  		
  .menubar .menu:not(:first-child) {
  	display: none;
  }
  
  .menubar a.icon {;
	display: block;
	position: absolute;
    right: 0;
    top: 0;
  }
  
  .menubar.responsive {
  	position: relative; 
  	top: 0px;
  }  
  
  .menubar .language-switch {
    position: absolute;
    right: 3em;
    top: 0.3em;
  }  

  .menubar.responsive .menu {
    float: none;
    display: block;
    text-align: left;
  }
  
}