#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:#e60;}
#Menu{z-index:999;text-align:right;transition:1s;width:auto;line-height:1;border:10px solid #e60; }
    #Menu > ul {
        z-index: 999;
        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{font-size:90%;padding:12px 16px;color:#fff;-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:#fea86a; color:#f00}

#Menu>ul>li>a::before{background-color:#fa8e40;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:12px 16px;color:#f00;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:#000;}

#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 #fea86a}
#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:18px;text-decoration:none;color:#fff;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}

@media only screen and (min-width:1px) and (max-width:1023px) {
    #Menu {
        border:0;
    }
}