h2{
	text-align: center;
	color: #fff;
	letter-spacing: 0.1rem;
	font-size: 4rem;
	font-weight: lighter;
	margin: 3rem 0;
}

.projects{
	display: grid;
	grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
	grid-template-rows: 1fr;
	grid-gap: 6rem;
}

	.projects > article{
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
	}

.eye-container{
	display: block;
	width: 100%;
}

	.eye-container img{
		display: block;
		width: 100%; height: 100%;
		object-fit: cover;
		border-radius: .3rem;
		box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
	}

@media screen and (max-width: 1000px){
	.projects{
		grid-template-columns: 1fr;
	}
}