*{margin:0;padding:0;box-sizing:border-box}header{margin-bottom:40px}.main{display:flex;align-items:center}h2{font-size:60px;margin-bottom:5px}h3{margin:0}#legend-container{display:flex;flex-wrap:wrap;max-width:750px;margin:15px 15px 15px auto}.legend{transform:skew(-15deg);margin:5px;cursor:pointer}.legend__img{background-color:#000;width:100px;height:140px;background-repeat:no-repeat;background-size:350%;border:2px solid grey;opacity:.9}.legend__img:hover{opacity:1}.legend__name{background-color:gray;color:#000;text-transform:uppercase;font-size:14px;text-align:center;position:absolute;bottom:0;margin:0;left:50%;width:100%;transform:translate(-50%)}@media screen and (max-width: 1024px){.main{flex-direction:column}h1{font-size:40px}h2{font-size:20px}.legend__img{width:100%}#legend-container{margin:10px}.legend{width:120px}.sticky{position:sticky;width:100%;z-index:1;padding:10px;top:0;background:rgba(0,0,0,.2)}}