.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.gallery figure {
    margin:0;
    padding:1em;
    box-sizing: border-box;
    text-align: center;
}

.gallery-columns-2 > .gallery-item { width:50%; }
.gallery-columns-3 > .gallery-item { width:33.333%; }
.gallery-columns-4 > .gallery-item { width:25%; }
.gallery-columns-5 > .gallery-item { width:20%; }
.gallery-columns-6 > .gallery-item { width:16.66%; }

.gallery a {
    display: inline-block;
    overflow:hidden;
    max-width:85%;
    padding: 0.8em;
    border: 0.7em solid #748843;
    box-shadow: #515F2F 4px 4px 0px 0px, rgba(0, 0, 0, 0.2) 3px 3px 0 0px inset;
    position: relative;
    z-index:1;
}

.gallery a:before,
.gallery a:after {
    content:"";
    position: absolute;
    z-index:2;
    background:#fff;
}

.gallery a:before {
    right:0;
    top:3px;
    width:0.8em;
    bottom:0;
}

.gallery a:after {
    bottom:0;
    left:3px;
    right:0;
    height:0.8em;
}

html .gallery img {
    display: block;
    border:0;
}

@media (max-width:768px) {
    .gallery-columns-2 > .gallery-item { width:50%; }
    .gallery-columns-3 > .gallery-item { width:50%; }
    .gallery-columns-4 > .gallery-item { width:50%; }
    .gallery-columns-5 > .gallery-item { width:50%; }
    .gallery-columns-6 > .gallery-item { width:50%; }
}

@media (max-width:400px) {
    .gallery-columns-2 > .gallery-item { width:100%; }
    .gallery-columns-3 > .gallery-item { width:100%; }
    .gallery-columns-4 > .gallery-item { width:100%; }
    .gallery-columns-5 > .gallery-item { width:100%; }
    .gallery-columns-6 > .gallery-item { width:100%; }
}