nav,nav ul li{background-color:#222;position:relative}nav,nav ul li,nav ul ul ul li{position:relative}body{background:#111;font-family:sans-serif;color:#fff}nav{font-weight:800;max-width:1180px;padding:12px 10px;font-size:1.1em;margin:0 auto}nav ul{list-style:none;padding:0;margin:0}nav ul li{display:inline-block;margin-right:18px}nav a{font-size:1em;color:#eaecee;line-height:35px;text-decoration:none;display:block;padding:0 10px}nav a:hover{background-color:#153a7a;border-radius:3px}nav ul ul{position:absolute;top:31px;display:none}nav ul li:hover>ul{display:inherit}nav ul ul li{width:230px;display:list-item;float:none;border:1px solid #000;border-radius:3px;z-index:2}nav ul ul ul li{left:230px;top:-32px}nav ul ul a{font-weight:400;background-color:#442}li>a:after{content:" ▼"}li>a:only-child:after{content:""}@media (max-width:640px){nav{font-size:1em;margin-bottom:20px}nav ul{display:flex;flex-wrap:wrap;justify-content:center}nav ul li{margin-right:12px}nav ul ul{top:30px}nav ul ul li{width:150px}nav ul ul ul li{left:150px;top:-31px}}