section.gallery
{
	article
	{
		margin: 0 auto 60px auto;
		max-width: 760px;
		
		*:not(h2)
		{
			padding-left: 2rem;
		}
	}
	
	div.images-wrapper
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		margin: 0 auto;
		max-width: 1470px;
		transform: translateX(-30px);
		
		a
		{
			margin: .75em;
			overflow: hidden;
			box-shadow: 0px 2px 2px 2px rgba(0,0,0,.1125), 0px 2px 4px 2px rgba(0,0,0,.1125), 0px 2px 8px 2px rgba(0,0,0,.1125);
			
			img
			{
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				transform: scale(1);
				transition: all 250ms ease-in-out;				
			}
		}
		
		a:hover
		{
			img
			{
				transform: scale(1.05);
			}
		}
		
		a:nth-child(1)
		{
			grid-column: 1 / span 6;
		}
		
		a:nth-child(2)
		{
			grid-column: 7 / span 5;
		}
		
		a:nth-child(3)
		{
			grid-column: 2 / span 5;
		}
		
		a:nth-child(4)
		{
			grid-column: 7 / span 6;
		}
	}
}

@media ( width < 900px )
{
	section.gallery 
	{
		div.images-wrapper
		{
			padding: 0 2rem;
			width: 100%;
			grid-template-columns: 1fr;
			transform: translateX(0px);
			
			a
			{
				grid-column: unset !important;
			}
		}
	}
}