.menu { display:flex; }
.dropdown:hover .submenu { display:block; }


#rwdmenu ul{
list-style:none;
margin:0;
padding:0;
}

.menu{
display:flex;
background:#003366;
flex-wrap:wrap;
}

.menu li{
position:relative;
}

.menu a{
display:block;
padding:12px 18px;
color:white;
text-decoration:none;
}

.menu a:hover{
background:#005599;
}

.submenu{
display:none;
position:absolute;
background:#003366;
min-width:220px;
}

.submenu li{
display:block;
}

.dropdown:hover .submenu{
display:block;
}

.menu-toggle{
display:none;
background:#003366;
color:white;
padding:12px;
cursor:pointer;
}

/* MOBILE */

@media (max-width:768px){

.menu{
display:none;
flex-direction:column;
}

.menu.active{
display:flex;
}

.submenu{
position:static;
}

.menu-toggle{
display:block;
}

}