.bento-box {
    margin-bottom: 60px
}

@media print, screen and (min-width: 23.4375em) {
    .bento-box {
        margin-bottom: 80px
    }
}

.bento-box__container {
    display: grid;
    gap: 1.25rem
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(8, 200px)
    }
}

@media screen and (min-width: 90em) {
    .bento-box__container {
        grid-template-columns: repeat(6, 1fr);
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box--eight-card .bento-box__container {
        grid-template-rows: repeat(10, 200px)
    }
}

@media print, screen and (min-width: 23.4375em)and (max-width: 52.12375em) {
    .bento-box__item {
        min-height: 20.625rem
    }
}

@media print, screen and (min-width: 23.4375em)and (max-width: 52.12375em) {
    .bento-box__item:first-child, .bento-box__item:last-child {
        min-height: 27.5rem
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(1) {
        grid-area: 1/1/4/2
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(1) {
        grid-area: 1/1/4/4
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(2) {
        grid-area: 2/2/4/3
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(2) {
        grid-area: 2/4/4/7
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(3) {
        grid-area: 4/1/6/2
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(3) {
        grid-area: 4/1/6/3
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(4) {
        grid-area: 4/2/6/3
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(4) {
        grid-area: 4/3/6/7
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(5) {
        grid-area: 6/1/8/2
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(5) {
        grid-area: 6/1/8/5
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-child(6) {
        grid-area: 6/2/8/3
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-child(6) {
        grid-area: 6/5/8/7
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-last-child(2) {
        grid-area: 6/1/8/2
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-last-child(2) {
        grid-area: 6/1/8/4
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box--eight-card .bento-box__item:nth-last-child(2) {
        grid-area: 8/1/10/2
    }
}

@media screen and (min-width: 90em) {
    .bento-box--eight-card .bento-box__item:nth-last-child(2) {
        grid-area: 8/1/10/4
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box__item:nth-last-child(1) {
        grid-area: 6/2/9/3
    }
}

@media screen and (min-width: 90em) {
    .bento-box__item:nth-last-child(1) {
        grid-area: 6/4/9/7
    }
}

@media print, screen and (min-width: 52.125em) {
    .bento-box--eight-card .bento-box__item:nth-last-child(1) {
        grid-area: 8/2/11/3
    }
}

@media screen and (min-width: 90em) {
    .bento-box--eight-card .bento-box__item:nth-last-child(1) {
        grid-area: 8/4/11/7
    }
}