.gallery-caption {
width : 80% !important;
padding : 0 10% 0 10%;
text-align : center;
line-height : initial;
}

.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 : 10%;

transition : 0.4s;
}

.logic-gallery div {
align-self : center !important;
}

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

padding : 7.5%;
}

.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 : 30%;
}

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

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

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

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

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