#Menu,#Menu ul,#Menu ul li,#Menu ul li a,#Menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;}
#Menu{z-index:999;text-align:right;transition:1s;width:auto;line-height:1;border-bottom:5px solid #ddd; }
#Menu>ul{padding-right:1%;background-position:1% center;background-size:15%;background-repeat:no-repeat; background-image:url('/Design/Website/Files/logo.png'); background-size:auto 100%}
#Menu:after,#Menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#Menu #menu-button{display:none}
#Menu>ul>li{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;float:right}
#Menu.align-center>ul{font-size:0;text-align:center}
#Menu.align-center>ul>li{display:inline-block;float:none}
#Menu.align-left>ul>li{float:left}
#Menu>ul>li>a{padding:12px 16px;font-size:90%;color:#333;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
#Menu>ul>li:hover>a,#Menu>ul>li>a:hover{-webkit-transform:rotateX(90deg) translateY(-23px);-moz-transform:rotateX(90deg) translateY(-23px);transform:rotateX(90deg) translateY(-23px);-ms-transform:none; background-color:#fff;}
#Menu>ul>li>a::before{background-color:#ddd;position:absolute;top:100%;right:0;z-index:-1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:16px 15px;color:#222;content:attr(data-title);-webkit-transition:background .5s;-moz-transition:background .5s;transition:background .5s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-ms-transform:translateY(- -18px)}
#Menu>ul>li:hover>a::before,#Menu>ul>li>a:hover::before{color:#222}
#Menu.small-screen{width:100%;}
#Menu.small-screen>ul,#Menu.small-screen.align-center>ul{width:100%;text-align:right; padding-right:0;}
#Menu.small-screen>ul>li,#Menu.small-screen.align-center{float:none;display:block;border-top:1px solid #333}
#Menu.small-screen>ul>li:hover>a,#Menu.small-screen>ul>li>a:hover{color:#000;-webkit-transform:none;-moz-transform:none;transform:none;-ms-transform:none}
#Menu.small-screen>ul>li>a::before{display:none}
#Menu.small-screen #menu-button{display:block;padding:16px 15px;cursor:pointer;font-size:14px;text-decoration:none;color:#333;text-align:center}
#Menu.small-screen #menu-button:after{content:"";position:absolute;left:20px;top:17px;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-top:2px solid #000;border-bottom:2px solid #000;width:22px;height:3px}
#Menu.small-screen #menu-button.menu-opened:after{border-top:2px solid #000;border-bottom:2px solid #000}
#Menu.small-screen #menu-button:before{content:"";position:absolute;left:20px;top:27px;display:block;width:22px;height:2px;background:#000;}
#Menu.small-screen #menu-button.menu-opened:before{background-color:#ccc}