.club-navigation{display:flex;flex-direction:column}.club-navigation__header{align-items:center;display:flex;justify-content:space-between;width:100%}.club-navigation__logo{height:auto;max-width:150px;@media (max-width:768px){max-width:75px}}.club-navigation__btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px}.club-navigation__btn span{background:#fff;display:block;height:4px;transition:all .3s ease;width:30px}.club-navigation__btn.active span:first-child{transform:translateY(9px) rotate(45deg)}.club-navigation__btn.active span:nth-child(2){opacity:0}.club-navigation__btn.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.club-navigation__links{display:none;font-size:20px;line-height:3rem;list-style-type:none;width:100%}.club-navigation__links a:hover,a:focus{color:#fff;text-decoration:underline}@media (min-width:769px){.club-navigation{flex-direction:column;left:0;max-width:25%;position:fixed;width:100%}.club-navigation__header{align-items:center;flex-direction:column}.club-navigation__btn{display:none}}@media only screen and (min-width:769px) and (max-width:1799px){.club-navigation__links{display:block!important}}@media (min-width:1800px){.club-navigation__links{display:block!important;padding-left:4rem}}@media (max-width:768px){.club-navigation{align-items:center;flex-direction:column;position:relative}.club-navigation__header{align-items:center;flex-direction:row-reverse;justify-content:space-between;width:100%}.club-navigation__btn{display:flex}.club-navigation__links{display:none;padding:0!important}.club-navigation__logo{max-width:120px}}