.tiles {
    position: relative;
    margin: 10px 0;
    padding: 0;
}

.tiles .tile {
    display: block;
    opacity: 0;
    text-align: center;
    float: left;
    box-shadow: 0 0 0px 3px #fff, 0 0 0 4px #ccc, 0 4px 6px #333;
}

.tiles.wookmark-initialised.animated .tile {
    transition: all 0.3s ease-out;
}

.tiles.wookmark-initialised .tile {
    opacity: 1;
}

.tiles .tile .wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.tiles img {
    display: block;
}

.tiles p {
    text-align: center;
    margin: 0;
    font-weight: 200;
}


/* figure caption */

#figure-caption {
	position: fixed;
	bottom: 1.5%;
	left: 0%;
	right: 0%;
	width;100%;
	text-align:center;
	font-size:110%;
	padding-left:6%;
	padding-right:6%;
    background-color: rgba(255,255,255,.75);
	z-index: 2000;
    transition: all .25s ease-in-out;
    transform: translateY(100%);
    opacity: 0;
}
#figure-caption.visible {
    opacity: 1;
    transform: translateY(0);
}