.wrap{display:inline-block;-webkit-box-shadow:0 0 70px #fff;-moz-box-shadow:0 0 70px #fff;box-shadow:0 0 70px #fff;margin-top:40px}.decor{background:#6eaf8d;background:-webkit-linear-gradient(left,#cdebdb 50%,#6eaf8d 50%);background:-moz-linear-gradient(left,#cdebdb 50%,#6eaf8d 50%);background:-o-linear-gradient(left,#cdebdb 50%,#6eaf8d 50%);background:linear-gradient(left,#fff 50%,#6eaf8d 50%);background-size:50px 25%;padding:2px;display:block}ul{list-style:none;position:relative;text-align:left}ul:after{clear:both}ul:after,ul:before{content:" ";display:table}ul.primary li a{display:block}ul.primary li:last-child a{border-right:none}ul.primary li a:hover{color:#000}ul.sub *{color:#1f4a75!important}.submenu{width:130%;position:absolute;visibility:hidden;background-color:#fff;z-index:200;opacity:0;transition:.3s all}ul.sub li{margin:0;border-bottom:1px dotted #ccc;padding-top:10px}ul.primary li:hover .submenu{visibility:visible;opacity:1}ul.primary li:hover a{color:#666;text-shadow:none}ul.primary li:hover>a{color:#000}ul.sub li:hover{background-color:#fcfcfc}@media only screen and (max-width:600px){.decor{padding:3px}.wrap{width:100%;margin-top:0}li{float:none}ul.primary li:hover a{background:0 0;color:#8b8b8b;text-shadow:1px 1px #000}ul.primary li:hover ul{display:block;background:#272727;color:#fff}ul.sub{display:block;position:static;box-shadow:none;width:100%}ul.sub li a{background:#272727;border:none;color:#8b8b8b}ul.sub li a:hover{color:#ccc;background:0 0}}