/* Home - Projects Marquee section responsive */

@media screen and (max-width: 1439px) {

}

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

}

@media screen and (max-width: 768px) {
    /* scroll-linked pin drives this on desktop; wrapper collapses to auto height on mobile
       so that math had almost no scroll distance to work with, making images fly by.
       swap to a plain continuous marquee instead. */
    .projects-marquee__track {
        animation: projectsMarqueeScroll 34s linear infinite;
    }

    .projects-marquee__row:last-child .projects-marquee__track {
        animation-direction: reverse;
    }

    @keyframes projectsMarqueeScroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 375px) {

}