.cardComponent{position:relative;background-color:grey;min-height:25px}.cardComponent.sq{padding-bottom:90%}.cardComponent.rect{padding-bottom:56.25%}.cardComponent>div{width:100%;height:100%;position:absolute;background-size:cover !important;background-repeat:no-repeat}.cardComponent .content{height:100%;width:100%;padding:15% 10%}.cardComponent .content.btnBottom{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:start}.cardComponent .content.btnBottom a{align-self:flex-end}.cardComponent .content h2{color:white;text-transform:uppercase;margin-bottom:3%;font-family:"transat-text"}.cardComponent .content h3,.cardComponent .content p{color:white;margin-bottom:5%}@media(max-width:767.98px){.cardComponent.sq{padding-bottom:100%}.cardComponent .content{padding:12% 6%}.cardComponent .content.btnBottom{display:block}.cardComponent .content.btnBottom a{margin-top:1%}.cardComponent .content h2{margin:0 0 3%;font-size:7vw;line-height:1.25}.cardComponent .content h3{font-size:5vw;line-height:1.25}}@media(max-width:310px){.btn{padding:10px;line-height:18px}.cardComponent .content{padding:8% 6%}.cardComponent .content h2{font-size:6vw}.cardComponent .content h3,.cardComponent .content p{line-height:1.15}}