@layer components{
	.pullthrough-location-container{
		--row-gap: 4.375rem;
		padding-block: 4.6875rem;
	}
	
	@media(min-width: 430px){
	    .pullthrough-location-container{
	        --max-column-size: 25rem;
	    }
	}
	
	@media(min-width: 768px){
	    .pullthrough-location-container{
	        --max-column-size: 91rem;
	    }
	}

	.pullthrough-location-container > h2{
		text-align: center;
	}

	.pullthrough-location-container[style*="#24687c"]{
		background-image: url(/images/swirlies-cropped.png);
		background-size: 100%;
		background-position: center bottom;
	}

	.pullthrough-location-container[style*="#24687c"] h2{
		color: white;
	}
	
	.pullthrough-location-container .location-item{
	    grid-column: span 6;
	}
}