/*******************************************************************************
 Add your custom css styles here
 *******************************************************************************/
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.portfolio-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.masonry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.masonry-item {
    margin-bottom: 24px;
}

.masonry-item img {
    width: 440px;
    height: auto;
    object-fit: cover;
}

.masonry-col {
    float: left;
    width: 440px;
}

/* hide outer two */
.masonry-col--2, .masonry-col--3 { display: none; }

@media ( min-width: 1256px ) {
    .masonry-col--1 { margin-right: 24px; }
    .masonry-col--2 { display: block; } /* show column 2 */
}

@media ( min-width: 1650px ) {
    .masonry-col--2 { margin-right: 24px; }
    .masonry-col--3 { display: block; } /* show column 3 */
}