.grid-item[data-v-8949d9bc]{height:400px}.wrapper[data-v-8949d9bc]{max-height:100%;cursor:pointer;position:relative;transition:all .5s ease}.country[data-v-8949d9bc]{font-size:.8rem;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.3rem}.city[data-v-8949d9bc]{font-size:1.8rem;color:#fff;text-transform:uppercase;font-weight:500}.summary[data-v-8949d9bc]{color:hsla(0,0%,100%,.9);margin:2rem 1rem;text-align:center;font-weight:300;font-size:.9rem;line-height:1.5}.button[data-v-8949d9bc]{display:inline-block;padding:.8rem 1.6rem;margin-top:1rem;border:1px solid #fff;border-radius:.3rem;color:#fff;background-color:hsla(0,0%,100%,.1);font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .5s ease}.button[data-v-8949d9bc]:hover{background-color:hsla(0,0%,100%,.9);color:#000}.details[data-v-8949d9bc]{transform:scale(0);height:0;overflow:hidden;transition:all .5s ease}.card:hover .details[data-v-8949d9bc]{transform:scale(1);height:auto}.banner{margin-bottom:1rem;height:500px}.title{font-size:.8rem;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.3rem}.heading{font-size:3.5rem;color:#fff;margin-top:1rem}.summary{color:hsla(0,0%,100%,.9);margin-top:1rem;text-align:center;font-weight:300;font-size:1.2rem;line-height:1.5}:root{--max-width:1280px}*{padding:0;margin:0;box-sizing:border-box}body{font-size:16px;font-family:Roboto,sans-serif}.container{max-width:var(--max-width);margin:1rem auto;padding:0 1rem}.grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:1rem}.size-1,.size-2,.size-4{grid-column:auto/span 1}.card{border-radius:.5rem;background-size:cover;overflow:hidden}.card,.card-body{width:100%;height:100%}.card-body{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(0,0,0,.5);padding:2rem 4rem;text-align:center}@media (min-width:375px){.grid{grid-template-columns:1fr}.size-1,.size-2,.size-4{grid-column:auto/span 1}}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.size-1{grid-column:auto/span 1}.size-2{grid-column:auto/span 2}.size-4{grid-column:auto/span 4}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}.size-1{grid-column:auto/span 1}.size-2{grid-column:auto/span 2}.size-4{grid-column:auto/span 4}}@media (min-width:1280px){.grid{grid-template-columns:repeat(4,1fr)}.size-1{grid-column:auto/span 1}.size-2{grid-column:auto/span 2}.size-4{grid-column:auto/span 4}}