* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style-type: none;
	box-sizing: border-box;
}

body {
	background: #fff;

}



.container {
	width: 70%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5rem;
    justify-content: center;
    align-items: center;
  padding: 5.5rem 0rem;
  margin: 0 auto;
}

.grid-item img {
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 991.98px) {
	.container {
grid-template-columns: repeat(3, 1fr);
	}
}