.section{justify-content:center;align-items:center;width:100%;height:auto;display:flex}.grid{flex-wrap:wrap;justify-content:space-around;width:100%;height:auto;display:flex}.item{justify-content:flex-start;align-items:left;box-sizing:border-box;cursor:pointer;-o-transition:transform .3s ease-in-out;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:3px solid #000;border-left:3px solid #000;flex-direction:column;height:70vh;transition:transform .3s ease-in-out;display:flex;color:#000!important}.item:after{opacity:.3;-o-transition:opacity .3s ease-in-out;background-color:#000;transition:opacity .3s ease-in-out;display:flex}.item--small{flex:25%}.item--medium{flex:1 2 70%}.item--large{flex:100%}.item--full{flex:90%}.item__details{border-bottom:3px solid #000}.item__details--hover{-webkit-font-smoothing:antialiased;display:none;bottom:-60vh}.item:hover .item__details--hover{opacity:1;display:block}.item:hover .item__details--text{display:none}@media (max-width:768px){.item{flex:100%}}