.tc-vertical-bar-menu-wrapper {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-gap: .5rem;
   height: 11rem;

   color: #fff;
   font-family: 'Work Sans';
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item {
   position: relative;
   width: 100%;
   height: 100%;

   font-size: .7rem;
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item-content {
   width: 100%;
   height: 100%;
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item-name {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   text-transform: uppercase;
   z-index: 2;
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item img {
   position: absolute; 
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: 1;
   transition: .3s opacity;
   cursor: pointer;
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item img:last-child {
   z-index: 1;
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item:hover img:last-child {
   opacity: 0;
}


.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2 .tc-vertical-bar-menu-item-content {
   transform: scale(.8);
}


.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.events .tc-vertical-bar-menu-item-content {
   transform: scale(.8) translateX(.5rem);
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.contact .tc-vertical-bar-menu-item-content {
   transform: scale(.8) translateX(-.5rem);
}

.tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.blank .tc-vertical-bar-menu-item-content {
   transform: scale(.5);
}

@media screen and (min-width: 768px) {
   .tc-vertical-bar-menu-wrapper {
      height: 25rem;
      grid-gap: 1.5rem;
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item {
      font-size: 1.3rem;
      /* font-weight: 600; */
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2 .tc-vertical-bar-menu-item-content {
      font-size: 1.63rem;
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.events .tc-vertical-bar-menu-item-content {
      transform: scale(.8) translateX(1rem);
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.contact .tc-vertical-bar-menu-item-content {
      transform: scale(.8) translateX(-1rem);
   }

    .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.blank.left .tc-vertical-bar-menu-item-content {
      transform: scale(.5) translateX(1rem);
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.blank.right .tc-vertical-bar-menu-item-content {
      transform: scale(.5) translateX(-1rem);
   }
}

@media screen and (min-width: 1024px) {

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.events .tc-vertical-bar-menu-item-content {
      transform: scale(.8) translateX(2rem);
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.level-2.contact  .tc-vertical-bar-menu-item-content {
      transform: scale(.8) translateX(-2rem);
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.blank.left .tc-vertical-bar-menu-item-content {
      transform: scale(.5) translateX(2rem);
   }

   .tc-vertical-bar-menu-wrapper .tc-vertical-bar-menu-item.blank.right .tc-vertical-bar-menu-item-content {
      transform: scale(.5) translateX(-2rem);
   }
}

@media screen and (min-width: 1180px) {
   .tc-vertical-bar-menu-wrapper {
      height: 30rem;
   }
}