h1{font-family:roboto,sans-serif;font-size:22px;line-height:60px;margin-top:10px;text-align:right}#container{margin:0 auto;max-width:890px}p{text-align:right}.toggle,[id^=drop]{display:none}nav{background-color:#fff;margin:0;padding:0}#logo{display:block;float:left;font-size:16px;line-height:20px;padding:0 20px}nav:after{clear:both;content:"";display:table}nav ul{float:right;list-style:none;margin:0;padding:0;position:relative}nav ul li{background-color:#fff;display:inline-block;float:left;margin:5px}nav a{color:#cb4c24;display:block;font-size:16px;line-height:20px;padding:0 20px;text-decoration:none}nav ul li ul li:hover{background:#006e84}nav a:hover{background-color:#fff}nav ul ul{display:none;position:absolute;top:60px}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}li>a:after{content:" +"}li>a:only-child:after{content:""}@media (max-width:768px){#logo{display:block;float:none;padding:0;text-align:right;width:100%}nav{margin:0}.menu,.toggle+a{display:none}.toggle{background-color:#cb4c24;border:none;color:#fff;display:block;font-size:16px;font-weight:700;line-height:60px;padding:0 20px;text-decoration:none}.toggle:hover{background-color:#006e84}[id^=drop]:checked+ul,nav ul li{display:block}nav ul li{width:100%}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul ul ul a{padding:0 80px}nav a:hover,nav ul ul ul a{background-color:#006e84}nav ul li ul li .toggle,nav ul ul a{background-color:#cb4c24}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 (max-width:330px){nav ul li{display:block;width:94%}}