#HorizontalMenu{float:right;width:500px;position:relative;}#Menu{cursor:pointer;position:absolute;top:0;left:0;color:#667;display:inline;list-style:none;}#Menu a{display:block;width:100%;color:#667;}#Menu a:hover{color:#fff;transition:color linear .25s;}#Menu li{display:inline-block;list-style:none;padding:2px 15px;}#Menu li:hover{color:#fff;background-color:#667;}#Menu li:hover ul{display:block;}#Menu ul{position:absolute;display:none;box-shadow:5px 5px 15px #333;-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333333');margin:0;}#Menu ul li{display:block;color:#667;background-color:#fff;margin-left:-15px;}#Hamburger{display:none;position:absolute;z-index:3;top:8px;left:1px;font-size:1.5rem;color:#667;}#MobileMenuWrapper{float:right;width:50px;position:relative;}#MobileMenuWrapper:hover ul{display:block;}#MobileMenu{z-index:5;display:none;position:absolute;left:-198px;width:200px;list-style:none;background-color:#ccc;padding-left:0;}#MobileMenu li{display:block;list-style:none;border-left:10px solid #ccc;padding:5px 15px 5px 5px;}#MobileMenu li:hover{color:#fff;background-color:#667;border-left:10px solid #39c;}@media only screen and (max-width:800px){#HorizontalMenu{display:none;}#Hamburger{display:block;}}