.matty-container{
	width: 1400px;
	margin-left: -80px;
	height:100%;
}
.matty-subcontainer{
	width: 90%;
	margin: auto;
}
.matty-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
	padding: 20px 0px;
	overflow-x: hidden;
}


.matty-img{
	width: 100%;
	min-height: 275px;
	min-width: 320px;
	background-position: center;
	background-size: cover;
}
.matty-img:hover{
	filter: grayscale(100%);
	transform: scale(1.1);
	width: auto;
	height: auto;
	transition: 1s;
}

.matty-img:nth-child(1){
	background-image: url("img/Graphic-001.jpg");
}
.matty-img:nth-child(2){
	background-image: url("img/Graphic-002.jpg");
		grid-column:2/4;

}
.matty-img:nth-child(3){
	background-image: url("img/Graphic-003.jpg");
	grid-row: 2/4;
	min-width: 320px;

}
.matty-img:nth-child(4){
	background-image: url("img/Graphic-004.jpg");
	grid-column:2/4;


}
.matty-img:nth-child(5){
	background-image: url("img/Graphic-005.jpg");
	grid-column:2/4;
			

}
.matty-img:nth-child(6){
	background-image: url("img/Graphic-007.jpg");
		
}
.matty-img:nth-child(7){
	background-image: url("img/Graphic-006.jpg");
		grid-column:2/4

}
.matty-img:nth-child(8){
	background-image: url("img/Graphic-008.jpg");
}
.matty-img:nth-child(9){
	background-image: url("img/Graphic-009.jpg");
	grid-column: 2/4;
}
.matty-img:nth-child(10){
	background-image: url("img/Graphic-010.jpg");
	min-height: 500px;

}
.matty-img:nth-child(11){
	background-image: url("img/Graphic-011.jpg");
	min-height: 500px;


}
.matty-img:nth-child(12){
	background-image: url("img/Graphic-012.jpg");
	min-height: 500px;

}
.matty-img:nth-child(13){
	background-image: url("img/Graphic-013.jpg");
	min-height: 500px;

}
.matty-img:nth-child(14){
	background-image: url("img/Graphic-014.jpg");
	min-height: 500px;

}
.matty-img:nth-child(15){
	background-image: url("img/Graphic-015.jpg");	
	min-height: 500px;

}
.matty-img:nth-child(16){
	background-image: url("img/Graphic-016.jpg");
	min-height: 500px;
}
.matty-img:nth-child(17){
	background-image: url("img/Graphic-017.jpg");
	min-height: 500px;

}

@media(max-width:1400px){
	.matty-container{
		width: 100%;
	}
}