.box {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    overflow: hidden;
    transition: all .1s ease-in-out;
}
 
.wrapper {
    display: block;
    height: 350px;
}
 
.single .box {
    width: 100%;
}
 
a {
    border: 0;
    text-decoration: none;
}
 
/* 2 IMAGES PER WRAPPER */
.left-big .box:last-child { width: 35%; }
.left-small .box, .left-big .box { width: 65%; }
.left-small .box:first-child { width: 35%; }
.left-big .box:first-child { width: 65%; }
 
/* 3 IMAGES PER WRAPPER */
.big-middle .box:nth-child(2) { width: 50%; }
.big-middle .box:first-child, .big-middle .box:last-child { width: 25%; }
.small-middle .box:nth-child(2) { width: 22%; }
.small-middle .box:first-child, .small-middle .box:last-child { width: 39%; }
 
/* 4 IMAGES PER WRAPPER */
 
.middle-two-rows .box, .right-two-rows .box  { width: 25%; }
 
.right-two-rows .box:nth-of-type(2) {
    width: 25%;
}
 
.middle {
    float: left;
    width: 50%;
    height: 100%;
}
 
.middle .box {
    height: 50%;
    width: 100%;
    clear: both;
    margin: 0;
}
 
.right-two-rows .middle .box:last-child {
    margin: 0;
}

.right-two-rows .middle {
    width: 50%;
}
 
.right-two-rows .middle .box {
    width: 100%;
}
 
 
/* 5 IMAGES PER WRAPPER */
 
.four-block .box {
    width: 50%;
}

 
.block {
    width: 50%;
    height: 100%;
    float: left;
}
.block .box {
    margin: 0;
    height: 50%;
}
 
.block .box:nth-child(2), .block .box:nth-child(4) { margin-right: 0; }

#holder {
    margin-top: 40px;
}

/* .box a {
    width: 100%;
    height: 100%;
} */

.box:hover {
    z-index: 2;
    transform: scale(1.05);
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}

.header-name select {
    margin-right: 20px;
}