.our-work__content {
	position: -webkit-sticky;
	position: sticky;
	top: 32px;
	top: 32px;
	top: 2rem;
}
.our-work__grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	    -webkit-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        -webkit-justify-content: space-between;
	        justify-content: space-between;
}
.our-work__grid a {
	display: block;
	width: 100%;
	max-width: 49%;
	padding-bottom: 1rem;
	height: 350px;
	position: relative;
	overflow: hidden;
}
.our-work__grid a > span {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-1250%,-50%);
    border: 1px solid #fff;
    display: block;
    padding: 0 5px;
    color: #fff;
    background: rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,.5);
	-webkit-transition: background-color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
	transition: background-color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
}
.our-work__grid a:hover > span {
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,.5);
    box-shadow: 0 0 0 500px rgba(0,0,0,.5);
}
.our-work__grid a img {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	width: 100%;
	height: 100%;
}

@supports (display: grid) {
	.our-work__grid {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		    grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 150px;
		grid-gap: .5rem;
	}
	.our-work__grid a {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding:0;
	}

	@media (min-width: 768px) {
		.our-work__grid {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: (1fr)[10];
			grid-template-columns: repeat(10, 1fr);
			grid-auto-rows: 150px;
			grid-gap: .5rem;
		}
		.our-work__grid a:nth-child(8n + 1) {
				grid-column: 1/span 2;
		}
		.our-work__grid a:nth-child(8n + 2) {
			grid-column: span 4;
			grid-row: span 2; 
		}
		.our-work__grid a:nth-child(8n + 3) {
			grid-column: span 4;
			grid-row: span 2;
		}
		.our-work__grid a:nth-child(8n + 4) {
				grid-column: 1/span 2;
		}
		.our-work__grid a:nth-child(8n + 5) {
			grid-column: span 4;
			grid-row: span 2; 
		}
		.our-work__grid a:nth-child(8n + 6) {
			grid-column: span 4;
			grid-row: span 2;
		}
		.our-work__grid a:nth-child(8n + 7) {
				grid-column: span 2;
		}
		.our-work__grid a:nth-child(8n + 8) {
				grid-column: span 2;
		}
	}
}