@font-face {
	font-family: acrobat-semi-bold;
	src:url('fonts/acrobat-semi-bold/acrobat-semi-bold.eot');
	src:url('fonts/acrobat-semi-bold/acrobat-semi-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/acrobat-semi-bold/acrobat-semi-bold.woff') format('woff'),
		url('fonts/acrobat-semi-bold/acrobat-semi-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
#marquee {
    padding: 50px 0px;
    width: 100%;
}
#marquee .container {
    overflow: hidden;
    width: 100%;
}
#marquee .pic-container {
    display: flex;
    animation: marquee 10s infinite linear;
}
/* #marquee:hover {
    animation-play-state: paused;
} */
#marquee .pic-container .pic {
    flex-basis: 20%;
    flex-shrink: 0;
	text-align:center;
	font:1em/1em Trebuchet_MS,Helvetica,sans-serif;
	color:#000;
}
#marquee .pic-container .pic {
	text-decoration:none;
	 
}
#marquee img {
    width: 90%;
    object-fit: contain;
}
@media (max-width: 1024px) {
    #marquee .pic-container .pic {
        flex-basis: 25%;
    }
}
@media (max-width: 768px) {
    #marquee .pic-container .pic {
        flex-basis: 33.33%;
    }
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@media (max-width: 1024px) {
    @keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-125%);
        }
    }
}
@media (max-width: 768px) {
    @keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-186.65%);
        }
    }
}