.js #main .scroll-animation {
    opacity                    : 0;
    transform                  : translate(0, 50px);
    transition-property        : opacity, transform;
    transition-duration        : 750ms;
    transition-timing-function : ease-in-out;
}

.js #main .scroll-animation.displayed {
    opacity   : 1;
    transform : translate(0, 0);
}

.node {
    margin-bottom : 20px;
}

.container-collection {
    width : 100%;
}

.collection-main-image {
    padding-bottom : 9px;
}

.collection-main-image img {
    width : 100%;
}

.collection-sub-img {
    width   : 100%;
    padding : 9px 15px;
}

.collection-sub-img img {
    width : 100%;
}

/**
 * Desktop
 */

@media (min-width : 1101px) {
    .collection-main-image {
        width          : 100%;
        max-width      : 1442px;
        margin         : auto;
        padding-bottom : 16px;
    }

    .collections {
        width        : 100%;
        max-width    : 1442px;
        margin       : -8px auto 110px auto;
        column-count : 2;
        column-gap   : 16px;
    }

    .collection-sub-img {
        padding    : 0;
        margin     : 8px 0;
        display    : inline-block;
        box-sizing : border-box;
    }
}