/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 18 2026 | 20:11:01 */
.gallery-section {
	padding-top: 60px; 
	padding-bottom: 40px;
}

.tagline-container {
	justify-content: center;
}

h2 {
	margin-top: 5px;
	text-align: center;
}

.gallery-container {
	display: grid; 
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.gallery {
	width: 100%;
	aspect-ratio: 1;
	height: auto; 
	overflow: hidden;
	border-radius: 4px; 
	position: relative;
}
.gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery .overlay {
	opacity: 0.3;
	transition: 0.4s;
}
.gallery:hover .overlay {
	opacity: 0;
	transition: 0.4s;
}

.gallery .text-container {
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex; 
	justify-content: center; 
	align-items: center;
	z-index: 2;
	flex-direction: column;
}

.gallery .text-container .year {
	font-size: 32px; 
	color: white;
	font-weight: 600;
}

.gallery .text-container .small-text {
	color: #ddd;
	font-size: 20px;
	margin-top: 5px;
}

@media screen and (max-width: 600px) {
	.gallery-container { 
		grid-template-columns: 1fr;
	}
}