#menu {
width : 810px;
margin : 1em auto;
}

.navbar {
width: 810px;
margin: 0 auto;
overflow : hidden;
font-size : 0.8em;
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
}

.navbar a {
float : left;
text-align : center;
text-decoration : none;
padding : 0.5em 0;
border : thin solid transparent;
color : #250099;
min-width : 160px;
font-weight: bold;
font-size : 1.2em;
}

.dropbtn {
padding : 0.5em 0 0.5em 0;
font-style: italic;
}

.dropdown {
float : left;
overflow : hidden;
}

.dropdown .dropbtn {
font-size : 1.1em;
border : none;
outline : none;
color : #250099;
font-weight: bold;
background-color : transparent;
font-family : inherit;
margin : 0;
border : thin solid transparent;
min-width : 162px;
}

.navbar a:hover, .dropdown:hover {
background-color : #bfaaff;
color : #250099;
}

.dropdown-content {
display : none;
position : absolute;
background: rgba(255, 255, 255, 0.9);
min-width : 160px;
z-index : 1;
}

.dropdown-content a {
float : none;
padding : 0.5em 0 0.5em 0;
text-decoration : none;
display : block;
text-align : left;
padding-left: 1em;
}

.dropdown:hover .dropdown-content {
display : block;
}

@media only screen and (max-width:850px) {
#menu {
width: 100%;
}
.navbar {
width: 100%;
}
}