// Min Widths
@media (min-width:768px) {
    .bnel-multi-grid-post{
        .bnel-blog-post-item{
            &:nth-child(1){
                grid-column: 1/3;
                grid-column-start: 1;
                grid-row-start: 1;
                grid-row-end: 3;
                .bnel-title{
                    font-size: 32px;
                }
            }
            &:not(:first-child){
                .bnel-blog-post-overlay-image{
                    height: 100% !important;
                }
            }
        }
        &.two{
            gap: 12px;
            .bnel-blog-post-item:first-child{
                grid-row-end: 4;
                .bnel-blog-post-overlay-image{
                    height: 500px;
                }
                .small{
                    padding: 20px;
                }
            }
        }
    }
}

// Max Widths
@media (max-width:991px) {
    .bnel-post-blog-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:767px) {
    .bnel-multi-grid-post{
        grid-template-columns: repeat(1, 1fr);
        .bnel-blog-post-item .bnel-blog-post-overlay-image{
            height: 250px;
        }
    }
    .bnel-blog-post-item{
        grid-template-columns: repeat(1, 1fr);
        .small{
            width: 100%;
        }
        .bnel-blog-post-image + .small{
            padding-left: 0px;
            padding-top: 20px;
        }
    }
    .bnel-post-blog-grid{
        grid-template-columns: repeat(1, 1fr);
    }
}