.banner-solid {
	background-color:#024873;
	height:150px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.banner-solid div {
	 font-weight:300;
	 font-size:30px;
	 text-align:center;
	 color:#FFFFFF;
	 width:100%;
}

.card-title {
	font-size: 1em;
	font-weight: bold;
}

.card-text {
	font-size: 1em;
}

.card-image {
	position: relative;
  }

.card-img-overlay {
	background: rgba(29, 106, 154, 0.72);
	color: #fff;
	visibility: hidden;
	opacity: 0;
  
	/* transition effect. not necessary */
	transition: all 0.3s;
}

.card:hover {
	cursor: pointer;
}

.card:hover .card-img-overlay {
	visibility: visible;
	opacity: 1;
}

.card:hover img {
	filter: grayscale(100%) blur(5px);
}