/* GALLERY */

.gallery-wrapper {}
.gallery-menu {}
.gallery-menu ul {
    margin: 10px 0px 8px 0px;
    padding: 0px;
    list-style: none;
    display: block;
    float: left;
}
.gallery-menu ul li {
    float: left;
}
.gallery-menu ul li a {
    display: block;
    padding: 3px 10px;
    margin: 0 3px 3px 0;
    text-decoration: none;
    background-color: #DCD8D4;
    color: #FFF;
}
.gallery-menu ul li a:hover {background-color: #ACA39A;}
.gallery-menu ul li a#on {background-color: #ACA39A;}
div#gallery-menu-mobile { display: none; }

.gallery {clear:both;}
.gallery ul {
    margin: 0;
    padding: 0;
    list-style: none;
    /*border: 1px solid pink;*/
}
.gallery ul li {
    display: inline-block;
    width: 307px;
    height: 216px;
    margin:3px;
    text-align: center;
    background-color: #f2f2f2;
    outline: 1px solid #DCD8D4;
    float: left;
    overflow: hidden;
}
.gallery ul li:hover {
    outline: 1px solid #FF0092;
}
.gallery ul li img {
    width: 100%; 
    height: auto;
}

@media (max-width: 479px) {

    /*GALLERY*/
    div#gallery-menu-mobile {
        display: block;
        margin: 4px 0;
        padding: 10px;
        text-decoration: none;
        color: #9A9086;
        background-color: #f7f7f7;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gallery-menu {width: 100%; display: none;}
    .gallery-menu ul {
        width: 100%;
        margin: 0px;
    }
    .gallery-menu ul li {float: none; margin: 0; }
    .gallery-menu ul li a {
        width: 100%; 
        padding: 10px 10px;
        margin: 2px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gallery ul li {
        width: 100%; 
        height: 85%;
        margin: 3px 0px;
        border: none;
        outline: 1px solid #DCD8D4;
    }
    .gallery ul li img {
        width: auto;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
}