.carrousel {
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
}
@keyframes scroll {
	0% {
		transform: translateX(0);
   }
	100% {
		transform: translateX(calc(-150px * 32));
   }
}

.slider {
	background: #1b2224;
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}
.slider-medios {
	background: #1b2224;
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 2400px;
}
.slider::before, .slider::after {
	background: linear-gradient(to right, rgba(27, 34, 36, 1) 0%, rgba(27, 34, 36, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 80px;
	z-index: 30;
}
.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider::before {
	left: 0;
	top: 0;
}
.slider-medios::before, .slider-medios::after {
	background: linear-gradient(to right, rgba(27, 34, 36, 1) 0%, rgba(27, 34, 36, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 80px;
	z-index: 30;
}
.slider-medios::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider-medios::before {
	left: 0;
	top: 0;
}
.slider .slide-track {
	animation: scroll 80s linear infinite;
	display: flex;
	width: calc(150px * 64);
}
.slider-medios .slide-track-medios {
	animation: scroll 80s linear infinite;
	display: flex;
	/* el tamaño del slide + padding * por la cantidad de slides */
	width: calc(264px * 26);
}
.slider .slide {
	height: 100px;
	width: 120px;
	display: flex;
	justify-content: center;
	
}
.slide-medios {
	height: 100px;
	width: 240px;
	display: flex;
	padding: 24px;
	justify-content: center;
}
.slide img{
	height: 80px;
	width: 100px;
	padding: 0 20px;
}
.slide-png img{
	height: 40px;
	/* width: 75px; */
	padding: 0 20px;
}
@media (min-width: 768px) {
	.slide img{
		height: 100px;
		width: 150px;
		padding: 0 20px;
	}
	
}