.gridwrapper-body {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  grid-template-rows: 600px 800px 500px;
  grid-gap: 0px;
  justify-content: center;
}

.header {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 100px 250px 250px;
  grid-gap: 0;
}

.content {
  grid-column: 2/3;
  margin: 0em;
  font: Assistant, sans-serif;
  color: #2b2a2a;
  padding-top: 50px;
  min-height: 600px;
}

.footer {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-template-rows: none;
  grid-gap: 0;
  margin: 0em;
  background-color: rgb(44, 43, 43);
  font: Assistant, sans-serif;
  color: #cccccc;
  min-height: 300px;
}

.footer a {
  font: Assistant, sans-serif;
  color: #cccccc;
  text-decoration: none;
}

.item-1 {
  grid-column: 1/3;
  grid-row: 1/2;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-1 #item-1-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.item-2 {
  grid-column: 3/4;
  grid-row: 1/3;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-2 #item-2-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.item-3 {
  grid-column: 1/2;
  grid-row: 2/3;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-3 #item-3-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.item-4 {
  grid-column: 2/3;
  grid-row: 2/4;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-4 #item-4-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.item-5 {
  grid-column: 1/2;
  grid-row: 3/4;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-5 #item-5-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.item-6 {
  grid-column: 3/4;
  grid-row: 3/4;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.item-6 #item-6-1 {
  position: absolute;
  background-color: hsla(0, 0%, 0%, 0.5);
  font-size: clamp(0.8rem, -2.3149rem + 8.8398vw, 1rem);
  color: rgb(255, 255, 255);
  line-height: 3em;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}/*# sourceMappingURL=grid.css.map */