.toggle,[id^=drop]{display:none}nav{margin:0;padding:0;display:block;background:#555}nav::after{clear:both;content:"";display:table}nav ul{list-style:outside none none;margin:0;padding:0;position:relative}nav ul li{display:inline-block;margin:0;float:left}nav ul li>a:only-child::after{content:""}nav ul li>a::after{content:" ";display:inline;font-family:fontawesome}nav a{color:#fff;display:block;font-size:12px;padding:10px 10px;text-decoration:none;float:left}nav a:link{color:#fff;text-decoration:none}nav a:visited{color:#fff;text-decoration:none}nav a:hover{background:#333}nav ul li ul li:hover{background:#444 none repeat scroll 0 0}nav ul ul{display:none;position:absolute;top:35px}nav ul li:hover>ul{display:inherit}nav ul ul li{display:list-item;float:none;position:relative;width:170px}nav ul ul ul li{left:170px;position:relative;top:-60px}nav ul li>a::after{content:" ";display:inline;font-family:fontawesome}nav ul li>a:only-child::after{content:""}@media all and (max-width:768px){nav{margin:0}.menu,.toggle+a{display:none}.toggle{color:#fff;display:block;font-size:22px;padding:10px 10px;text-decoration:none;text-align:left}.toggle:hover{background-color:#333}[id^=drop]:checked+ul{display:block}nav ul li{display:block;width:100%}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul ul ul a{padding:0 80px}nav a,nav ul ul ul a{background-color:#555;text-decoration:none;width:100%;text-align:left}nav a:hover,nav ul ul ul a{background-color:#111;text-decoration:none}nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{color:#fff;font-size:12px;padding:10px 15px}nav ul li ul li .toggle,nav ul ul a{background-color:#555}nav ul ul{color:#fff;float:none;position:static}nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}nav ul ul li{display:block;width:100%}nav ul ul ul li{position:static}}@media all and (max-width:330px){nav ul li{display:block;width:100%}}@media only screen and (min-width:769px){nav ul{margin-left:5%;margin-right:5%}nav ul ul{margin-left:0}}