.cb-logo-wall {
    
    .cb-logo-wall-logowrapper {
        a {
            display: block;
            width: 100%;
        }
    }

    &.hf-animations {

        .cb-logo-wall-logowrapper {
            width: 100%;
            opacity: 0;
        }

        &.in-viewport {
            .cb-logo-wall-logowrapper {
                animation: zoomInLogo;
                animation-duration: 1s;
                animation-delay: .1s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
                transform: scale(0,0);
            }
        }
    }
}

@media (max-width: 769px) {
    .cb-logo-wall {
        .cb-logo-wall-logowrapper {
            margin: 0 auto;
        }
    }
}

@keyframes zoomInLogo {
    from {
        opacity: 0;
        transform: scale(0,0);
    }

    to {
        opacity: 1;
        transform: scale(1,1);
    }
}