@import url(https://fonts.googleapis.com/css?family=Raleway:500,900);

figure.snip1432 {
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 20px 5px;
    width: 100%;
    background: rgba(164, 122, 16, 0.7);
    color: #ffffff;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px 2px;
}

figure.snip1432 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

figure.snip1432 img {
    opacity: 0.8;
    width: 100%;
    vertical-align: top;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.snip1432 figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.snip1432 figcaption>div {
    height: 50%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

figure.snip1432 h2,
figure.snip1432 h3 {
    margin: 0;
    position: absolute;
    left: 0;
    padding: 0 30px;
}

figure.snip1432 h2 {
    font-weight: 900;
    top: 0;
}

figure.snip1432 h3 {
    font-size: 2.2rem;
    bottom: 0;
    font-weight: 500;
    text-shadow: #000 1px 1px 0,
        #000 -1px -1px 0,
        #000 -1px 1px 0,
        #000 1px -1px 0,
        #000 0px 1px 0,
        #000 0-1px 0,
        #000 -1px 0 0,
        #000 1px 0 0;
}

figure.snip1432 h3:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}

figure.snip1432 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

figure.snip1432:hover img,
figure.snip1432.hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

figure.snip1432:hover figcaption h3:first-of-type,
figure.snip1432.hover figcaption h3:first-of-type {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    opacity: 0;
}

figure.snip1432:hover figcaption h3:nth-of-type(2),
figure.snip1432.hover figcaption h3:nth-of-type(2) {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}