*{margin:0;padding:0;box-sizing:border-box}.menu-button{display:none;cursor:pointer;padding:10px 15px;background:#333;color:#fff;font-size:18px;border:none}.flexnav{background:#222}.flexnav ul{list-style:none}.flexnav>ul>li{display:inline-block;position:relative}.flexnav>ul>li a{display:block;padding:15px 20px;color:#fff;text-decoration:none}.flexnav>ul>li a:hover{background:#444}.flexnav li ul{display:none;position:absolute;top:100%;left:0;background:#333;min-width:180px;z-index:999}.flexnav li ul.flexnav-show{display:block}.flexnav li ul li a{padding:10px 15px;color:#fff}.flexnav li ul li a:hover{background:#555}@media (max-width:768px){.menu-button{display:block;width:100%;text-align:left}.flexnav{display:none}.flexnav.flexnav-show{display:block}.flexnav>ul>li{display:block;border-top:1px solid #444}.flexnav li ul{position:static;background:#444}.flexnav li ul li a{padding-left:30px}}