.headroom--top .header-right-lang {
    color: #222;
}

.headroom--top .header-switch.default-white .header-switch-line {
    background: #222;
}

.home-work-container {
    margin-bottom: 0px !important;
}

.work-container {
    position: relative;
    display: block;
    padding-top: 195px;
    margin: 0px auto 260px;
}

.home-work-item:nth-child(1),
.home-work-item:nth-child(4),
.home-work-item:nth-child(7),
.home-work-item:nth-child(10),
.home-work-item:nth-child(13) {
    top: -50px;

    animation: scrollPort1 0.5s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -0.5s);

    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes scrollPort1 {
    to {
        top: 150px;
    }
}

.home-work-item:nth-child(3),
.home-work-item:nth-child(6),
.home-work-item:nth-child(9),
.home-work-item:nth-child(12),
.home-work-item:nth-child(15) {
    margin-right: 0px;
    top: 100px;

    animation: scrollPort3 0.5s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -0.5s);

    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes scrollPort3 {
    to {
        top: -100px;
    }
}

@media screen and (max-width: 1024px) {
    .work-container {
        padding-top: 150px;
    }
}

@media screen and (max-width: 500px) {
    .work-container {
        /* padding-top: 120px; */
        margin-bottom: 100px;
    }
}