.tile-grid-container{margin-bottom:3rem;display:flex;flex-wrap:wrap}@supports (display: grid){.tile-grid-container{display:grid;grid-template-columns:1fr;grid-gap:1rem}@media (min-width: 768px){.tile-grid-container{grid-template-columns:1fr 1fr;grid-gap:3rem}}@media (min-width: 1024px){.tile-grid-container{grid-template-columns:1fr 1fr 1fr}}}.tile{text-decoration:none;position:relative;flex:1 1 100%;background-color:#6a4c92;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:1rem;border-radius:10px;overflow:hidden;cursor:pointer;color:white}.tile:hover{box-shadow:0 0 0 4px #4796c1;text-decoration:none}.tile:hover .tile-info{background-color:#4796c1}@media (min-width: 768px){.tile{flex:0 0 30%;margin:0.5rem}.tile::after{content:'';display:block;padding-top:100%}}@supports (display: grid){.tile{margin:0}@media (min-width: 768px){.tile{margin:0}}}.tile .tile-info{background-color:rgba(59,35,96,0.9);text-shadow:0 0 4px rgba(0,0,0,0.5);padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);display:flex;justify-content:space-between;align-items:center}.tile .tile-info header{color:white;font-family:"Tungsten",Impact,sans-serif;font-size:2rem;line-height:2rem}.tile .tile-info span{font-size:1.125rem;color:#ffc222}@media (min-width: 768px){.tile .tile-info{position:absolute;bottom:1rem;left:1rem;right:1rem}}