.albums{display:grid;gap:0 0;grid-auto-rows:minmax(20vh,1fr);grid-template-columns:1fr;height:100vh;margin:0;padding:0}@media (min-width:576px) and (max-height:650px){.albums{grid-auto-rows:minmax(33.3333vh,1fr)}}@media (min-width:576px) and (max-height:450px){.albums{grid-auto-rows:minmax(50vh,1fr)}}@media (min-width:576px) and (max-height:250px){.albums{grid-auto-rows:minmax(100vh,1fr)}}.albums:hover .album{opacity:.25}.album,.albums:hover .album:hover{opacity:1}.album{cursor:pointer;height:100%;margin:0;overflow:hidden;padding:0;perspective:400px;position:relative;transition:all .3s linear;vertical-align:top;width:100%}.album:hover{background-size:110%!important;opacity:1}.album:hover .album-body{background-color:#f33}.album:hover .more,.album:hover .title{color:#fff}.album:hover .description{color:hsla(0,0%,100%,.5)}.album:nth-child(odd) .album-body{left:auto;right:0;transform:translateX(0)}.album a{color:inherit;display:block;height:100%;width:100%}.album .album-body{background-color:#fafafa;display:flex;flex-direction:column;height:100%;left:auto;padding:1rem;position:absolute;right:0;top:0;transform:translateX(-100%);width:50%}@media (min-width:768px){.album .album-body{padding:1.5rem;width:33.3333%}}@media (min-width:992px){.album .album-body{width:25%}}.album picture,.album picture img{height:100%;width:100%}.album picture img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.album .title{display:block;font-size:30px;font-weight:400;line-height:36px;margin:0 0 10px;text-transform:uppercase}.album .description{color:#999}.album .description,.album .more{display:block;text-transform:uppercase;transition:all .3s linear}.album .more{align-self:flex-end;font-weight:900;margin-bottom:0;margin-top:auto}