.snip1325 {
    position: relative;
    overflow: hidden;
    margin: 10px 1%;
    max-width: 788px;
    height: 420px;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-left: auto;
    margin-right: auto;
}

    .snip1325 img {
        width: 100%;
        position: absolute;
        right: 0;
        -webkit-transition: all 4s ease-out;
        transition: all 4s ease-out;
    }

    .snip1325:hover img,
    .snip1325.hover img {
        -webkit-transform: translateY(-430px);
        transform: translateY(-430px);
    }
/*--------------------------------------------------------*/
/*Eliminates padding, centers the thumbnail */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}

    /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

    .lightbox-target img {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 0%;
        max-width: 0%;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        box-sizing: border-box;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

    /* Provides part of the "X" to eliminate an image from the close link */

    a.lightbox-close:before {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top: 10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* Provides part of the "X" to eliminate an image from the close link */

    a.lightbox-close:after {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
}

    .lightbox-target:target img {
        max-height: 100%;
        max-width: 100%;
    }

    .lightbox-target:target a.lightbox-close {
        top: 0px;
    }

.right {
    float: right;
}
#btn_overview
{
    margin-top: 30px;
}
.btn-round {
    min-width: 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    font-family: 'Cabin', sans-serif;
    font-size: 1.0em;
    transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out;
    color: #2a95d5;
    border: solid 3px #eee;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.btn-round.green{
    background-color: #47b44b;
    border-color: #47b44b;
    color: #fff;
}
.btn-round:hover
{
    text-decoration: none;
    color:#fff;
    background: #2a95d5;
    border-color: #2a95d5;
}
.btn-round.green:hover 
{
    background: #51bd57;
    border-color: #51bd57;
}

.btn-round.red{
    background-color: #ca3535;
    border-color: #c43c35;
    color: #fff
}
.btn-round.red:hover 
{
    background: #ee5f5b;
}
@media only screen and (max-width: 995px) {
    .snip1325 { height: 405px; }
    .snip1325:hover img, .snip1325.hover img {
        -webkit-transform: translateY(-380px);
        transform: translateY(-380px);
    }
}

@media only screen and (max-width: 767px) {
    .snip1325 { height: 225px; }

    .snip1325:hover img,
    .snip1325.hover img {
        -webkit-transform: translateY(-220px);
        transform: translateY(-220px);
    }
    #btn_overview{ 
        display: block; 
        float:none; 
        height: 40px;
        line-height: 40px;
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 479px) {
    .snip1325 { height: 320px; }

    .snip1325:hover img,
    .snip1325.hover img {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

        .snip1325 img {
        -webkit-transition: none;
        transition: none;
    }
            #btn_overview{ 
        display: block; 
        float:none; 
        height: 35px;
        line-height: 35px;
                font-size: 1.2em;

    }
}