.gallery-section {
	padding: 60px 0;
}

.gallery-section .gallery-box {
	background: #fff;
	padding: 15px;
	display: grid;
	grid-template-columns: repeat(4, 18vw);
	/*grid-template-rows: repeat(1, 18vw);*/
	grid-auto-rows: 20vw; /*16vw;*/
	grid-gap: 1rem;
    grid-auto-flow: dense;
	align-items: center; 
	justify-content: center;
}

.gallery-section .gallery-box .box {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
    box-shadow: 0px 8px 24px 1px #00000020;
	transition: all .5s ease;
}

.gallery-section .gallery-box .box:hover {
    box-shadow: 0px 8px 24px 1px #00000040;
}

.gallery-section .gallery-box .box.big {
	grid-row: span 2;
	grid-column: span 2;
}

.gallery-section .gallery-box .box.horizontal {
	grid-column: span 2;
}

.gallery-section .gallery-box .box.vertical {
	grid-row: span 2;
}

.gallery-section .gallery-box .box img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: all .5s ease;
}

.gallery-section .gallery-box .box:hover img {
	transform: scale(1.2);
}

/**** MEDIA QUERIES ****/

@media (max-width: 1000px) {

    .gallery-section .gallery-box {
		grid-template-columns: repeat(4, 18vw);
        grid-auto-rows: 1fr;
    }
}

@media (max-width: 767px) {
    .gallery-section .gallery-box {
		grid-template-columns: repeat(4, 18vw);
    }
}

@media (max-width: 575px) {
    .gallery-section .gallery-box {
		grid-template-columns: repeat(1, auto);
    }
}