.about-content p {
	max-width: 70%;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}

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

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

.box {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	transition: all .5s ease;
	text-align: center;
}
.box p{
	text-align: center;
    font-family: 'Gilda Display', serif;
    color: #fff;
    background: #3e5e04;
    background-image: linear-gradient(314deg, #3e5e04 0%, #727242 74%);
    padding: 8px 0px;
}
.gallery-section p {
	font-weight: 600;
}



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

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

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

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

.gallery-main .image--container{
    display: grid;
    grid-auto-rows: 180px;
    grid-gap: 10px;
    grid-template-columns: repeat(4 , minmax(200px , 1fr));
    grid-auto-flow: dense;
    position: relative;
    z-index: 1;
    margin-top: 50px;
    margin-bottom: 30px;
}

.gallery-main  .img-box{
	width: 100%;
	height: 230px;
}
.gallery-main  .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}
.gallery-main .image--container .box.tall{
    grid-row: span 2;
}
.gallery-main .image--container .box.wide{
    grid-column: span 2; 
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    
    .gallery-main .image--container{
        grid-template-columns: repeat(3 , minmax(200px , 1fr));
    }
    
}
@media screen and (min-width: 576px) and (max-width: 767.98px) {
 
    .gallery-main .image--container{
        grid-template-columns: repeat(1 , 1fr);
    }
   
}


@media only screen and (max-width: 575.98px) {
    .gallery-main .image--container{
        grid-template-columns: repeat(1 , 1fr);
    }
    
}

@media (max-width: 991px) {
	.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(2, auto);
		grid-auto-rows: 35vw;
	}
}