#navigation {
background:linear-gradient(to bottom, #93b800, #769400);
color:#ffffff;
text-align:center;
box-shadow:0px 0px 5px #000000;
z-index:1;
position:relative;
}

#navigation a {
display:inline-block;
vertical-align:middle;
text-transform:uppercase;
line-height:50px;
padding:0px 10px;
color:#ffffff;
text-decoration:none;
}

#navigation a:hover {
background:#6a8500;
transition:0.3s;
}

.navigation-mobile {
background:linear-gradient(to bottom, #93b800, #769400);
box-shadow:0px 0px 5px #000000;
display:none;
max-width:1000px;
margin:auto;
text-align:left;
color:#ffffff;
position:relative;
padding:0px 15px;
z-index:5;
}

.navigation-mobile > a {
display:inline-block;
vertical-align:middle;
text-transform:uppercase;
line-height:50px;
padding:0px 5px;
color:#ffffff;
text-decoration:none;
z-index:5;
}

.navmenu {
float:right;
margin:0px 5px 0px 0px;
padding:16px 0px 0px 0px;
cursor:pointer;
}

#navdropdown {
display:block;
z-index:6;
text-align:right;
background:#526600;
color:#ffffff;
position:absolute;
top:50px;
right:0px;
height:0px;
overflow:hidden;
transition:height 0.2s;
}

#navdropdown a {
text-align:right;
color:#ffffff;
text-decoration:none;
display:block;
padding:5px 15px;
}

#navdropdown a:hover {
background:#303030;
transition:0.2s;
}

.arrow {
border:solid #ffffff;
border-width:0 2px 2px 0;
display:inline-block;
padding:3px;
margin:0px 0px 2px 5px;
}

.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

@media (max-width:960px) {

#navigation {
display:none;
}

.navigation-mobile {
display:block;
}

}