.bento-item-wrapper{display:flex;justify-content:space-around;width:100%}.bento-item-wrapper:active,.bento-item-wrapper:focus,.bento-item-wrapper:hover{cursor:pointer}.bento-info h2{color:#fff}.bento-card{align-items:flex-end;background:transparent;box-shadow:0 7px 10px rgba(0,0,0,.5);display:flex;height:100%;padding:1.5rem;position:relative;transition:.4s ease-out;width:100%}.bento-card:active,.bento-card:focus,.bento-card:hover{cursor:pointer;transform:translateY(3px)}.bento-card:active:before,.bento-card:focus:before,.bento-card:hover:before{cursor:pointer;opacity:1}.bento-card:active .bento-info,.bento-card:focus .bento-info,.bento-card:hover .bento-info{cursor:pointer;opacity:1;transform:translateY(0)}.bento-card:before{background:rgba(0,0,0,.6);content:"";display:block;opacity:0;transition:.5s;z-index:2}.bento-card img,.bento-card:before{height:100%;left:0;position:absolute;top:0;width:100%}.bento-card img{object-fit:cover}.bento-card .bento-info{color:#fff;opacity:0;position:relative;transform:translateY(30px);transition:.5s;z-index:3}.bento-card .bento-info h1{margin:0}.bento-card .bento-info p{font-size:15px;letter-spacing:1px;margin-top:8px}.bento-card .bento-info button{background:#fff;border:none;border-radius:3px;color:#000;cursor:pointer;font-weight:700;outline:none;padding:.6rem;transition:.4s ease}.bento-card .bento-info button:hover{background:#1e90ff;color:#fff}@media only screen and (max-width:768px){.bento-card{margin-bottom:15px!important;min-height:350px!important}}