@media screen and (max-width: 600px) {
.col{flex-basis:auto!important;width:100%!important;height:280px!important;}
}
.cardImage:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);z-index:9999;position:relative;}
.cardImage:hover::before{transform:scale(1.2);}
.cardImage{background-position:top;background-repeat:no-repeat;-moz-background-size:135%;-webkit-background-size:135%;-o-background-size:135%;background-size:135%;padding-right:0;padding-left:0;margin:1px;width:33%;padding-bottom:5%;overflow:hidden;position:relative;transition:all .8s;background-position:center center;background-size:cover;}
.cardImage:before{bottom:0;left:0;content:"";display:block;height:30%;width:100%;position:absolute;z-index:1;word-wrap:break-word;background:-moz-linear-gradient(top, rgba(2, 105, 165, 0) 9%, rgba(0, 70, 111, 0.65) 60%) !important;background:-webkit-gradient(linear, left top, left bottom, color-stop(9%, rgba(2, 105, 165, 0)), color-stop(60%, rgba(0, 70, 111, 0.65))) !important;background:-webkit-linear-gradient(top, rgba(2, 105, 165, 0) 9%, rgba(0, 70, 111, 0.65) 60%) !important;background:-o-linear-gradient(top, rgba(2, 105, 165, 0) 9%, rgba(0, 70, 111, 0.65) 60%) !important;background:-ms-linear-gradient(top, rgba(2, 105, 165, 0) 9%, rgba(0, 70, 111, 0.65) 60%) !important;background:linear-gradient(to bottom, rgba(2, 105, 165, 0) 9%, rgba(0, 70, 111, 0.65) 60%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0) !important;}
.textImage {
left: 0;
font-family: "Roboto", sans-serif!important;
font-weight: 700!important; text-shadow:     0px 0px 15px #053754;
font-size: 21px;
padding-bottom: 20px;
line-height: 21px!important;
float: left;
color: white;
bottom: 0;
z-index: 12;
display: block;
position: absolute;
margin-bottom: 0!important;;
}