.custom-films{background-color:#000}.custom-films .film-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);grid-template-columns:repeat(5,minmax(0,1fr));grid-column-gap:50px;grid-row-gap:50px}.custom-films .film-list .film-list-item{position:relative}.custom-films .film-list-content{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);padding:10px;color:#fff;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:center;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.custom-films .film-list-image img{display:block}.custom-films .film-list-content h4{font-size:1.25rem;font-weight:bold;color:#fff;margin:0}.custom-films .film-list-content p{color:#fff;font-size:1.25rem;margin:0}.custom-films .film-list .film-list-item:hover .film-list-content{opacity:1}@media(max-width:1024px){.custom-films .film-list{grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(4,minmax(0,1fr));grid-column-gap:20px;grid-row-gap:20px}}@media(max-width:740px){.custom-films .film-list{grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}}