#gallery h2{
	padding-top: 20px;
}
.gallery-section {
	padding: 0px 30px 30px 30px;
}

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

.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, auto);
        grid-auto-rows: 18vw;
    }
}

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

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