.grid{
	display:grid;
	grid-template-columns:50% 1fr 1fr;

}

.details{
	grid-column:1/4;
	margin-top:80px;
	width:60%;
	margin-left:20%;
	font-size: 20px;
	margin-bottom:100px;
}

.proofing1{
	grid-column:1/2;
	width:80%;
	margin-left:8%;
	text-align:center;
	font-size:19px;
	background-color: #DDDDE4;
	padding: 15px;
	border-radius: 10px;
}



.proofing2{
	grid-column:2/4;
	width:80%;
	margin-left:8%;
	text-align:center;
	font-size:19px;
	background-color: #DDDDE4;
	padding: 15px;
	border-radius: 10px;
}

.proofingImages{
	grid-column: 1/4;
	text-align: center;
	margin-top: 20px;

}



#image{
	border-radius: 30px;
	padding: 20px;
	width:200px;
	height: auto;
}

@media screen and (max-width:1000px){
	#image{width:150px}
}

@media screen and (max-width:800px){
	#image{width:100px; padding: 15px}
}

@media screen and (max-width:600px){
	.proofing1, .proofing2{
		grid-column:1/4;
		width:70%;
		margin-left:10%;
		margin-bottom:80px
	}
		#image{width:90px; padding: 5px; border-radius: 10px}
}

@media screen and (max-width:550px){
	.proofing1, .proofing2, .details{font-size:17px}
}