.card{cursor:pointer;overflow:hidden;position:relative;text-decoration:none}.card__module{background-color:#016aad;background-position:50%;background-size:cover;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:100%}.overlay-text{background:#000;background:linear-gradient(320deg,#000,rgba(0,0,0,.6) 30%,transparent);color:#fff;display:flex;height:100%;position:absolute;top:0;transition:background-color .5s ease;width:100%}.overlay-text-wrap{bottom:30px;color:#fff;line-height:1.2;position:absolute;right:20px;text-align:right}.overlay-text-wrap h4{display:none}.overlay-text .overlay-text-wrap h2{font-size:1.425em;text-shadow:0 0 8px rgba(0,0,0,.7)}.overlay-text .overlay-text-wrap h4{font-size:1em;font-weight:500;text-shadow:0 0 8px rgba(0,0,0,.7)}.card:hover .overlay-text .overlay-text-wrap h2{transform:translateY(-5px);transition:transform .2s ease-in-out}.card:hover .overlay-text .overlay-text-wrap h4{display:block;transform:translateY(5px);transition:transform .2s ease-in-out}.card:focus .card__module,.card:hover .card__module{transform:scale(1.1)}.card:hover .overlay-text{background:#000;background:linear-gradient(320deg,#000,rgba(0,0,0,.7) 30%,rgba(0,0,0,.1))}@media (max-width:768px){.overlay-text .overlay-text-wrap h2{font-size:.995em}.overlay-text .overlay-text-wrap h4{font-size:.925em}}