.menu{background-color:var(--color-dark);font-size:18px}.menu .container{width:calc(100% - (16px*2));height:100%;padding:16px}.menu .logo{width:80px;cursor:pointer;display:inline-block;margin-right:48px}.menu,.menu .logo img{width:100%}.menu .items{margin-top:16px;padding:16px 0;display:flex;flex-direction:column}.menu:not(:has(.burger.opened)) .items{display:none}.menu .items .item{padding:8px 16px}.menu .items .item.active{background-color:var(--color-primary)}.menu .items a.item{text-decoration:none;color:var(--color-light)}.menu:not(:has(.burger.opened)) .social{display:none}.menu .social{margin-top:16px;padding:0 14px 24px}.menu .burger{position:absolute;right:16px;top:16px;filter:invert();width:48px;cursor:pointer}.menu .burger img{width:100%;transition-duration:.5s}.menu .burger.opened img{transform:rotateZ(90deg)}@media screen and (min-width:720px){.menu .container{display:flex;align-items:center;padding:0 24px;height:90px;width:calc(100% - (24px*2))}.menu .burger{display:none}.menu .items{display:inline-flex!important;flex-direction:row;margin:0;height:100%;padding:0 24px}.menu .items .item{display:inline-flex;align-items:center;padding:0 16px}.menu .items .item:hover{background-color:var(--color-primary)}}@media screen and (min-width:1200px){.menu .container{display:inline-flex;width:unset;position:relative;left:50%;transform:translateX(-50%)}.menu .social{padding-left:36px}.menu .social .item{width:36px}}