/*Dieser CSS-Code überschreibt die style.css*/
.main-navigation li{color: #ffffff;}
.main-navigation li a{color: #ffffff;}
.main-navigation li a:visited{color: #ffffff;}
.main-navigation li a:hover{color:rgba(255,255,255,0.8) !important;}

.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
  color:#444 !important;
}

@media screen and (min-width: 600px) and (max-width: 659px) {

	.main-navigation li {
		margin-right:0.3rem;
	}
	
	.main-navigation li a {
		text-transform:none;	
	}
}

@media screen and (min-width: 660px) and (max-width: 739px) {
	.main-navigation li {
		margin-right:0.5rem;
		font-size:0.8rem;		
	}
}

@media screen and (min-width: 740px) and (max-width: 960px) {
	.main-navigation li {
		margin-right:1rem;;	
	}
}

ul.nav-menu > li:last-child {
	margin-right:0;
}