@media screen and (min-width: 1181px) {
	.architecture-view {
		width: 1100px;
  	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	}
}	
@media screen and (max-width: 1180px) {
	.architecture-view {
		width: 100%;
		 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

	}
}	


.architecture-view {
	display: grid;
  column-gap: 40px;
  margin: 0 auto;
}
.architecture-view img {
	width: 100%;
	height: auto;
}
.architecture-view p {
	margin: 5px 0px 40px 0px;
}