.image-overlay:hover
{
	position: absolute;
	background: rgba(0,0,0,.8);
	width: 100%;
	top: 0;
	color: red;
	z-index: 10;
	text-align: center;
	transition: .5s ease;
	opacity: 0.9;
	
}

.image-overlay { opacity: 0; }

.image-overlay .btn
{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	white-space: normal;
	opacity: 1;
}

@media only screen and (max-width: 600px)
{
	.image-overlay .btn { font-size: 20px; }
	
div.ccm-layout-column {
    width: 100% !important;
}
}