.teaser-box4{position:relative;margin-top:0;border:7px solid #fff;box-shadow:0 4px 6px 0 rgba(0,0,0,.019);transition:all .31s ease-in-out;-webkit-transition:all .31s ease-in-out}.teaser-box4:hover{transform:translate(0,-9px);-webkit-transform:translate(0,-9px);box-shadow:0 15px 15px 0 rgba(0,0,0,.11)}.teaser-box4 img{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.teaser-box4 .teaser-subtitle,.teaser-box4 .teaser-title{transition:all .33s ease-in-out;-webkit-transition:all .33s ease-in-out;background-color:#437df9;font-size:12px;letter-spacing:2px;font-weight:600;height:40px;margin:0;padding:13px;text-transform:uppercase;width:100%;text-align:center;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.16)}.teaser-box4 .teaser-subtitle{margin-top:-40px;opacity:0;background-color:#202020;color:#fff}.teaser-box4:hover .teaser-subtitle{opacity:1}.teaser-box4:hover .teaser-title{opacity:0}@media only screen and (max-width:767px){.teaser-box4,.teaser-box4:hover{margin-top:15px;margin-bottom:0;background: #2d5c88 !important;}.teaser-box4 .teaser-subtitle,.teaser-box4 .teaser-title{letter-spacing:1px}} @media only screen and (max-width: 767px) {
    .teaser-box4, .teaser-box4:hover {
        margin-top: 15px;
        margin-bottom: 0;
        background: #2d5c88 !important;
        padding-bottom: 10px;
    }
}