/* GALLERY */

.gallery-page .gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    position: relative;
    background: #000;
    width:100vw;
}

    .gallery-page .gallery:hover .background {
        opacity: 1.0;
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05); /* IE 9 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */
    }

.gallery-page .gallery-1 {
    width: 50%;
    height: 44vw;
}

.gallery-page .gallery-2 {
    width: 50%;
    height: 22vw;
}

.gallery-page .gallery-3 {
    width: 33.33333%;
    height: 20vw;
}
.gallery-page .gallery-4 {
    width: 25%;
    height: 20vw;
}
@media(max-width:992px){
    .gallery-page .gallery-1 {
        width: 100%;
        height: 44vw;
    }

    .gallery-page .gallery-2 {
        width: 100%;
        height: 44vw;
    }

    .gallery-page .gallery-3 {
        width: 100%;
        height: 44vw;
    }

    .gallery-page .gallery-4 {
        width: 100%;
        height: 44vw;
    }
}
.gallery-page .gallery .background {
    opacity: 0.5;
    background-position: center;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.gallery-page .gallery-1 .background {
    width: 100%;
    height: 44vw;
}

.gallery-page .gallery-2 .background {
    width: 100%;
    height: 22vw;
}

.gallery-page .gallery-3 .background {
    width: 100%;
    height: 20vw;
}
.gallery-page .gallery-4 .background {
    width: 100%;
    height: 20vw;
}
@media(max-width:992px) {
    .gallery-page .gallery-1 .background {
        height: 44vw;
    }

    .gallery-page .gallery-2 .background {
        height: 44vw;
    }

    .gallery-page .gallery-3 .background {
        height: 44vw;
    }

    .gallery-page .gallery-4 .background {
        height: 44vw;
    }
}

    .gallery-page .gallery .text {
        display: table;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 0;
        color: #ffffff;
        font-family: 'MuseoSans900';
        text-decoration: none;
        padding: 0 2vw 0 2vw;
        box-sizing: border-box;
        text-shadow: 2px 2px 14px #000000;
    }

        .gallery-page .gallery .text .text-box {
            display: table-cell;
            vertical-align: middle;
        }

    .gallery-page .tile-block {
        float: left;
        box-sizing: border-box;
    }

    .gallery-page .tile {
        display: block;
        margin-bottom: 3vw;
    }

    .gallery-page .tile-large {
        width: 100%;
        height: 60vw;
    }

    .gallery-page .tile-small {
        width: 100%;
        height: 60vw;
    }

    .gallery-page h1 {
        position: relative;
    }

    .gallery-page .gallery-back-btn {
        position: relative;
        left: 16px;
        top: 6px;
    }



    @media (min-width: 670px) {
        .gallery-page .gallery-1 {
            font-size: 4vw;
            line-height: 5vw;
        }

        .gallery-page .gallery-2 {
            font-size: 2vw;
            line-height: 3vw;
        }

        .gallery-page .gallery-3 {
            font-size: 1.7vw;
            line-height: 2.5vw;
        }

        .gallery-page .gallery-4 {
            font-size: 1.7vw;
            line-height: 2.5vw;
        }

        .gallery-page .tile {
            display: block;
            margin: 1vw;
        }

        .gallery-page .tile-large {
            width: 45.31vw;
            height: 30vw;
        }

        .gallery-page .tile-small {
            width: 45.31vw;
            height: 30vw;
        }
    }

    @media (min-width:992px) {
        .gallery-page .tile-block {
            width: 47.4vw;
            float: left;
            overflow: hidden;
        }

        .gallery-page .tile {
            display: block;
            margin: 0.5vw;
        }

        .gallery-page .tile-large {
            width: 30.60vw;
            height: 20vw;
        }

        .gallery-page .tile-small {
            width: 14.8vw;
            height: 9.5vw;
        }
    }