.grid {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
	margin-top:20px;
}

.dhammawheel{
	position:absolute;
}

figure.effect-dexter {
    background: none repeat scroll 0 0 #dddddd;
}
.grid figure {
    background: none repeat scroll 0 0 #ffffff;
    cursor: default;
    display: inline-block;
    height: 230px;
    margin: -0.135em;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 25%;
}
figure.effect-dexter img {
    transition: opacity 0.35s ease 0s;
}

figure.effect-dexter:hover img {
opacity: 0.1;
}
.grid figure img {
    display: block;
    height: 300px;
    min-height: 100%;
    position: relative;
}

figure.effect-dexter figcaption::after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
figure.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-dexter figcaption {
padding:1em;
text-align: left;
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption, .grid figure a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.grid figure h2, .grid figure p {
    margin: 0;
}
.grid figure h2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    border-right: 3px solid #fb031b;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
	font-family:"Roboto-Regular";
	color:#000;
}

.grid figure h2 span{
	font-family:"Roboto-Bold";
}

figure.effect-dexter p {
	position: absolute;
	right: 0px;
	bottom: 20px;
	left: 20px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}
figure.effect-dexter:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.grid figure p {
    font-size: 85%;
    letter-spacing: 1px;
	color:#333;
}
.grid figure h2, .grid figure p {
    margin: 0;
}