@charset "utf-8";
/* CSS Document */

body{
	background-color: #040607;
}
#image-grid{
	margin:6px;
}
.custom-col{
	padding: 6px;
	overflow:hidden; 
}
.img-button{
	cursor:pointer;
}
.img-button>.caption{
	position:absolute;
	bottom: 0;
	width:100%;
	height:100%;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);
    background-image: -moz-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);
    background-image: -o-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);
    background-image: linear-gradient(180deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    bottom:-30%;
    opacity:0;
}

.img-button:hover > .caption{
   -webkit-transform: translate(0em,-30%);
   -moz-transform: translate(0em,-30%);
   -o-transform: translate(0em,-30%);
   transform: translate(0em,-30%);
   opacity:100;
}

.img-button > .caption p{
   position: absolute;
   bottom: 0;
   width: 85%;
   margin: 20px;
   font-family: 'Open Sans', 'sans-serif';
   font-weight:100;
   font-size:1em;
   color:white;
}