h1.hme {
color: #07026c;
font-size: 2.2em;
border: 1px solid red;
}
/*  Demo 9 */
.demo-9 {
max-width: 300px;
height: 300px;
background-color: #fff;
display: block;
overflow: hidden;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-bottom: 12px;
}
.demo-9 img {
height: 100%;
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 8px;
}
.demo-9:hover {
}
.demo-9:hover img {
height: 45%;
opacity: 0.5;
filter: alpha(opacity=100);
}
.demo-9:hover .view-caption p {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.demo-9 .view-caption {
background-color: #fff;
height: 55%;
}
.demo-9 .view-caption p {
font-size: 1.5em;
margin-bottom: 15px;
margin-top: 10px;
display: inline-block;
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media screen and (max-width: 400px) {
  .demo-9 {
    width: 200px;
	height: 200px;
   }
}
.view-caption p {text-align:center}