.services-margin {
	padding:2em 3%;				
}

h1 {
	font-size: 2.5em;
	line-height: 1;	
	font-weight: 800;
	margin: 0 0 0.25em 0;
	letter-spacing: -3px;					
}

.services-grid {
	display:grid;				
	column-gap: 1em; 
	row-gap: 1.5em; 
	max-width:100%;
	grid-template-columns: 100%; 
	
}		

	.services-grid-service-cell {
	}
	
		.services-info-grid {
			display:grid;				
			column-gap: 0; 
			row-gap: 0.75em; 
			max-width:100%;
			height:100%;
			grid-template-rows: 1fr auto; 			
		}
		
		.services-image-container { width:100%; padding:0; margin:0 0 0.33em 0; border-radius:0.25em; }
			.services-image-container img { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); border-radius:0.25em; }
							
			.services-info-grid .ages {
				text-transform:uppercase;
				font-size:0.9rem;
				font-weight:700;
				color:#666;
			}

			.services-info-grid .accessible {
				color:var(--purple);
			}

			.services-info-grid .standard-button {
				width:100%;
				text-align:center;
				font-size:0.9rem;
			}					

@media all and (min-width: 1024px) { 

	.services-margin {
		padding:2em 8%;				
	}
	
	h1 {
		font-size: 3em;
		line-height: 1;	
		font-weight: 800;
		margin: 0;
		letter-spacing: -3px;	
	}

	.services-grid {
		display:grid;				
		column-gap: 2rem; 
		row-gap: 3rem; 
		max-width:100%;
		grid-template-columns: 1fr 1fr 1fr; 
		
	}			
	
		.services-image-container { margin:0 0 0.33em 0; overflow:hidden; }			
					
			.services-image-container img {
				width:100%;
				transition: transform .5s ease;
				transform: scale(1.0625);
			}

			.services-image-container:hover img {
				transform: scale(1.0925);					  
			}			

}