div#offer_mosaic {
    width: inherit;
    display: flex;
    flex-wrap: wrap;

    article {
        height: 300px;
        margin: 0.1%;

        div.portfolio-image {
            height: inherit;
            width: auto;

            a {
                display: block;
                height: inherit;
                width: inherit;

                picture {
                    img {
                        height: -webkit-fill-available;
                        width: -webkit-fill-available;
                    }
                }
            }
        }

        div.portfolio-overlay-cultural {
            height: auto;
            max-height: calc(100% / 3);

            .portfolio-desc-custom {
                height: calc(100% / 3);
                max-height: calc(100% / 3);
                padding: unset;

                h3,
                p {
                    height: calc(100% / 2);
                    max-height: calc(100% / 2);
                    letter-spacing: 0.8px;
                }

                h3 {
                    margin: unset;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                }

                p {
                    margin: unset;
                    display: flex;
                    align-items: center;
                    padding: unset;
                    width: inherit;
                    max-width: unset;
                    font-size: calc(16px * 0.81);
                    justify-content: center;
                }
            }
        }
    }

    article:nth-child(4),
    article:nth-child(5) {
        div.portfolio-image {
            a {
                picture {
                    img {
                        height: auto;
                        width: 100%;
                    }
                }
            }
        }
    }

    .col-md-6 {
        max-width: 49.8%;
    }

    .col-md-3 {
        max-width: 24.8%;
    }
}