.card,
.card:visited {
    background-color: #fff;
    border: 1px solid #CCC;
    display: block;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
    text-decoration : none;
    color: #000;
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.05);
}

.card:hover {
	color: #000;
}

.card--home-cat {
	margin: 30px auto;
	max-width: 500px;
}

.card__media {
    position: relative;
    background-color: #e0e7ec;
    padding-bottom: 50%;
    overflow: hidden;
}

.card__img-wrap {
    position: absolute;
    top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-position: center bottom;
}

.card__body {
    padding: 18px 20px;
    font-size: 14px;
}

.card__heading {
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0.2em;
}

.card__heading .fas {
	color: #0A73BA;
	font-size: 0.7em;
	vertical-align: middle;
	margin-left: 0.2em;
	position: relative;
	top: -0.05em;
}

.card__desc {
    color: #444;
}

@media (min-width: 768px) {
    .card--home-cat {
        display: inline-block;
        width: 45%;
        margin: 0 15px;
    }
}

@media (min-width: 1100px) {
	.card:hover {
		box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1);
	}

	.card__img-wrap {
		bottom: 0;
		transition: .5s all;
	}

	.card:hover .card__img-wrap {
		transform: scale(1.05);
	}
}

@media (min-width: 1200px) {	
    .card--home-cat {
        width: 44%;
        margin: 0 25px;
    }

    .card__body {
		padding: 25px 30px;
		font-size: 16px;
	}
}