.lifestyle-grid {
	display:grid;
	 grid-template-columns: 1fr 1fr 1fr;
grid-column-gap:0rem;
grid-row-gap:0rem;
}

.travel-grid {
	display:grid;
	 grid-template-columns: repeat(auto-fill,minmax(12em,1fr));
grid-column-gap:1rem;
grid-row-gap:1rem;
}
.travel-grid a,
.lifestyle-grid a,
.travel-grid a:hover,
.lifestyle-grid a:hover
 {
		text-align: center;
		color: yellow;
	}


.travel-grid img,
.lifestyle-grid img {
	transition: transform .8s;
	display: block;
	width:100%;
	height:auto;
}

.lifestyle-grid img:hover {
	transform: scale(1.2);
}

.travel-item,
.lifestyle-item {
	position:relative;
	overflow: hidden;
}

.travel-grid .caption,
.lifestyle-grid .caption {
	display: block;
	width:100%;
	
	padding: 0.5rem;
min-height: 4rem;
position: absolute;
top: calc( 50% - 1rem );
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
font-size: 2rem;
	
	}