.logic-gallery {
display : flex;
justify-content : center;
flex-wrap : wrap;
line-height : 0;

padding : 0 0 calc(20px + 0.5vw) 0;
}

.logic-gallery a {
display : block;
}

.logic-gallery div img {
width : 80%;
height : auto;

padding : 15% 10% 5% 10%;

filter : grayscale(40%);

transition : 0.4s;
}

.frontpage .logic-gallery img {
filter : grayscale(100%);

opacity : 0.8;
}

.logic-gallery div:hover img {
width : 85%;

padding : 7.5%;

filter : grayscale(0);

opacity : 1;
}

.flex-2 div {
width : 46.5%;
}

.flex-3 div {
width : 30%;
}

.flex-4 div {
width : 22%;
}

.flex-5 div {
width : 18%;
}

.flex-6 div {
width : 15%;
}

.flex-7 div {
width : 13%;
}

.flex-8 div {
width : 11.5%;
}

@media screen and (max-width: 960px) {
.flex-3 div {
width : 46.5%;
}

.flex-4 div {
width : 46.5%;
}

.flex-5 div {
width : 46.5%;
}

.flex-6 div {
width : 46.5%;
}

.flex-7 div {
width : 46.5%;
}

.flex-8 div {
width : 46.5%;
}
}

.gallery-caption {
width : 80% !important;

margin : 0 auto 0 auto;

text-align : center;
line-height : 100%;
}