.demo-2 {
    position:relative;
    width:100px;
    height:140px;
    overflow:hidden;
    float:left;
    margin-right:20px;
    background-color:#006400;
	top:100px;
	left:10px;
	list-style:none; 
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
    left:60px;
    top:20px;
    position:relative
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
	
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    font-family:'Lato'
}
.effect img {
    position:absolute;
    left:0;
	width:300px;
    height:150px;
    bottom:0;
    cursor:pointer;
    margin:-12px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}
.effect img.top:hover {
    bottom:-96px;
    padding-top:100px
}
h2.zero,p.zero {
    margin:0;
    padding:0
}