.grid-item {
    width: calc((100% - 6px) / 4);
    height: 298px;
    margin-bottom: 2px;
}
.grid-item--width-2 {
    width: calc((100% - 6px) / 2);
}

.grid-item--height-2{
    /* height in rem */
    height: 598px;
}

.grid-item--height-3{
    height: 898px;
}

.fancybox__button--close {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 50% !important;
}
.fancybox__content {
    cursor: default !important;
}
.fancybox__slide {
    cursor: default !important;
}

#life-at-trieste-title{
    font-size: 2.5rem;
}
#life-at-trieste-description{
    font-size: 1.2rem;
}
@media (max-width: 1023px) {
    .container-fluid{
        padding: 0;
    }
    .grid-item{
        height: 250px;
        width: calc((100% - 2px) / 2);
    }
    .grid-item--height-2{
        height: 500px;
    }
    .grid-item--height-3{
        height: 750px;
    }
    #life-at-trieste-title{
        font-size: 1.5rem;
    }
    #life-at-trieste-description{
        font-size: 0.9rem;
    }
}