div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a {
    position: relative;
    display: table;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 1;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title {
    display: table-cell;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title i {
    display: none;
}

@media screen and (min-width: 774px) {
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item {
		width:33.33%;
		float:left;	
	}
	
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item.card-1-of-3 {
		padding-right:0.5%;
	}
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item.card-3-of-3 {
		padding-left:0.5%;
	}
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item.card-2-of-3 {
		padding-left:0.5%;
		padding-right:0.5%;
	}
}
@media screen and (min-width: 774px) and (max-width: 991px) {
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item h3 {
		font-size: 14px;
	}
}

div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item .panel {
	border: solid 1px #b0b0b0;
	border-radius: 2px;
}
div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item .panel .panel-heading {
	padding: 15px 0 8px 0;
	background-color: rgba(0, 130, 68, 0.1);
}

div.ccm-page div.page-list-thumbnail-grid-wrapper .panel-heading h3 { 
	margin:0px;
	}
div.ccm-page div.page-list-thumbnail-grid-wrapper .panel-body {background-position:center center;height:250px;background-size: cover; }
div.ccm-page div.page-list-thumbnail-grid-wrapper .panel-footer .btn.btn-primary {
	color: #fff;
	background-color: rgba(29, 58, 143,0.9);
	border: solid 1px #4b5369;
	border-radius: 30px;
	padding: 7px 28px 8px 28px;
	margin-right: 20px;
	font-size: 0.9rem;
	}

	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item {
		text-align:center;
	}
	div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item a img {
	    width: 100px;
	    height: 100px;
	    margin-bottom:10px;
	    padding:10px;
	}
	
	div.ccm-page div.page-list-description {
		margin-bottom:15px;
	}

div.ccm-page div.page-list-thumbnail-grid-wrapper div.page-list-page-entry-grid-item div.panel .panel-footer {
	background-color: rgba(29, 58, 143,0.1);
	padding: 15px 0 15px 0;
}