svg:not(:root), svg, .HeroLogo {
  overflow: visible !important;
  overflow-x: visible !important;
}


.HeroLogo {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
   -webkit-filter: drop-shadow( 0px 0px 0px black);
  filter: drop-shadow(0px 0px 0px black) brightness(1.1);
}

#cc-logo {
  width:35em; 
}

.hidden {
  display: none;
}

@media screen and (max-width: 640px) {
  .HeroLogo {
    width:70vw ;
    margin-top: -20px;
  }
  .Hero {
    height: 100vh;
  }
}

.club, .can {
  z-index: 3;
}

.club, .can {
  transition: transform 0.3s cubic-bezier(.21,.39,.59,.86), opacity 0.3s ease;
}