#logo{max-width:50%;display:block;margin:0 auto}#logo img{width:150px;display:block;margin:0 auto}nav{width:100%;height:70px;position:relative;background:#F6F6F6}.drawer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;height:70px;padding:0 1em}.menu ul li a{display:block;font-weight:700;padding:2em;border-bottom:1px dotted #CCC;color:#333;text-decoration:none}.menu ul li a:hover{background-color:rgba(0,0,0,.5);color:orange}.menu{text-align:center;background-color:rgba(255,255,255,1);transition:.5s ease;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.menu.open{-webkit-transform:translateX(0%);transform:translateX(0%);position:relative;z-index:999}.Toggle{display:block;position:fixed;width:40px;height:40px;cursor:pointer;z-index:3;right:15px}.Toggle span{display:block;position:absolute;width:40px;border-bottom:solid 4px #333;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}.Toggle span:nth-child(1){top:5px}.Toggle span:nth-child(2){top:18px}.Toggle span:nth-child(3){top:32px}.Toggle.active span:nth-child(1){top:18px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.Toggle.active span:nth-child(2),.Toggle.active span:nth-child(3){top:18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width:600px){header::after{display:none}nav{display:flex}.Toggle{display:none}.menu{width:100%;background-color:transparent;margin-top:0;-webkit-transform:translateX(0);transform:translateX(0)}.menu ul{height:70px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.menu ul li a{padding:0 1em;border-bottom:none}.menu ul li a:hover{background-color:transparent}}