header .logo{position:relative;box-sizing:border-box;width:100px}@media screen and (min-width: 768px){header .logo{width:235px}header .calque-line{transform:translate(-10%)}header .calque-line svg #line{fill:none;stroke-width:2px;animation:move 1.5s linear;animation-fill-mode:forwards}@keyframes move{to{stroke-dashoffset:0}}}header button.menu-button{position:relative}header button.menu-button:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transition:.2s;transform:translate(0)}header button.menu-button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transition:.2s;transform:translate(0)}header button.menu-button,header button.menu-button:hover{color:#000}header menu .menu-item{position:relative}@media screen and (min-width: 768px){header menu .menu-item:before{content:"";position:absolute;left:0;top:calc(50% + 2px);height:3px;width:250px;background:#000;transition:.3s;opacity:0;z-index:-1;transform:translate(0)}header menu .menu-item-active:before{transform:translate(calc(100% + 100px));opacity:1}header menu .menu-item:hover:before{transform:translate(calc(100% + 100px));opacity:1}}header menu .menu-item-element{position:relative}@media screen and (min-width: 768px){header menu .menu-item-element a{opacity:0;transform:translateY(100%);transition:opacity .7s ease,transform .7s ease}header menu .menu-item-element a.slide-up{opacity:1;transform:translateY(0)}}