{# --------- SPEAKERS ----------- #}
.zoom-effect{transition: transform .3s ease;}
.zoom-effect:hover { transform: scale(1.04);}
.fz-20{font-size: 20px;}
.card-6{width: 100%;}
.card-3{width: 100%;}
.card-3	.img-speaker{height: 165px; display:flex;align-self: end;}

@media only screen and (min-width: 767px) {
.card-6{width: 23%;}
.card-3{width: 48%;}
.card-3	.img-speaker{height: 186px;}
}

@media only screen and (min-width: 1020px) {
.card-6{width: 18.5%;}
.card-3{width: 32%;}
.card-3	.img-speaker{height: 176px;}	
}
@media only screen and (min-width: 1200px) {
.card-6 {width: 15.5%;}
.card-3 {width: 30%;}
.card-3	.img-speaker{height: 186px;}
}

.speakerjs {opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.speakerjs.visible { opacity: 1; transform: translateY(0);}