body {
	background-color: #5b5b5b;
}

.imgresponsive {
  width: 100%;
  height: auto;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(25%, 1fr)));
  grid-template-rows: 1fr auto;
  justify-content:center;
}

.one {
  grid-column: 1;
  grid-row: 1;
  border: 0px solid red;
}

.two {
  grid-column: 2 / span 2;
  grid-row: 1;
  margin-top: 30px;
  border: 0px solid green;
 }

.three {
  grid-column: 4;
  grid-row: 1;
 border: 0px solid white;
}
 
.four {
  grid-column: 4;
  grid-row: 1;
 border: 0px solid fuchsia;
}

.five {
  grid-column: 1;
  grid-row: 2;
  color: #b0cb1f;
  border: 0px solid orange;
}

.six {
  grid-column: 2;
  grid-row: 2;
  margin-top: 20px;
  font-size: 2rem;
  color: #b0cb1f;
  border: 0px solid red;
}

.seven {
  grid-column: 3;
  grid-row: 2;
  margin-top: 20px;
  font-size: 2rem;
  text-align: right;
  color: #b0cb1f;
  border: 0px solid yellow;
}

.eight {
  grid-column: 4;
  grid-row: 2;
  border: 0px solid blue;
}