.genres{padding-bottom:2rem}.genres-main{display:flex;width:100%;align-items:center}.genres-intro{flex-basis:25%;padding-right:.5rem}.genres-intro>*{display:inline-block}@media (max-width:1300px){.genres-main{display:block}.genres-intro{width:75%;padding-top:5rem;padding-right:0;flex-basis:100%;text-align:center;margin:0 auto}}@media (max-width:650px){.genres-intro{width:90%}}.genreGrid{flex-basis:75%;display:flex;flex-flow:wrap;list-style:none;justify-content:flex-end;padding:0}.genreGrid-item{flex-basis:32%;padding:.5em;margin:.35rem;box-shadow:1px 2px 3px -1px #aaa}.genreGrid-link{display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}.genreGrid-link:hover .genreGrid-img{transform:scale(1.1);transition:transform .5s}.genreGrid-title{position:absolute;text-align:center;transition:all .3s;color:#FFF;font-size:1.5rem;font-family:'museo-slab',sans-serif;font-weight:600;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,0.50),0 0 36px rgba(0,0,0,0.50);z-index:1;padding:.5em}.genreGrid-img{display:block;transition:transform .5s;width:100%;z-index:-1}.genreGrid-bg{background-image:linear-gradient(-180deg,rgba(134,134,134,0.4) 40%,rgba(162,162,162,0.50) 92%);position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}@media (max-width:1300px){.genreGrid{flex-basis:100%;justify-content:space-between}}@media (max-width:950px){.genreGrid{justify-content:space-evenly}.genreGrid-item{flex-basis:30%}.genreGrid-title{font-size:1.25rem}}@media (max-width:850px){.genreGrid-title{font-size:1.1rem;line-height:1.25rem}}@media (max-width:700px){.genreGrid{justify-content:space-between}.genreGrid-item{flex-basis:46%}}@media (max-width:450px){.genreGrid-item{padding:.25em}.genreGrid-title{font-size:.85em}}