@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
body {
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: center;
  height: 50vh;
  width: 100vh;
  font-family: Source Sans Pro;
}

.grid {
  background: gray;
  width: 1px;
  height: 400px;
   margin-left: 50px;
  color: white;
}
.grid .items-wrapper {
  display: inline;
}
.grid .items-wrapper .grid-item1 {
  width: 200px;
  height: 200px;
  background: gray;
  margin-left: 10px;
  margin-top: 0px;
  background-image:none;
  background-size: cover;
  background-position: right;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}
.grid .items-wrapper .grid-item1 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item1 .overlay1 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item2 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item2 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item2 .overlay2 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item3 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item3 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item3 .overlay3 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item4 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item4 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item4 .overlay4 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item5 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item5 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item5 .overlay5 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }

.grid .items-wrapper .grid-item6 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item6 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item6 .overlay6 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item7 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item7 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item7 .overlay7 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item8 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item8 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item8 .overlay8 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item9 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item9 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item9 .overlay9 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item10 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item10 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item10 .overlay10 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }

.grid .items-wrapper .grid-item11 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item11 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item11 .overlay11 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item12 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item12 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item12 .overlay12 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item13 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item13 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item13 .overlay13 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item14 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item14 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item14 .overlay14 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item15 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item15 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item15 .overlay15 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
	 

.grid .items-wrapper .grid-item16 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item16 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item16 .overlay16 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item17 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item17 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item17 .overlay17 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item18 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item18 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item18 .overlay18 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item19 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item19 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item19 .overlay19 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item20 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item20 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item20 .overlay20 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }

.grid .items-wrapper .grid-item21 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item21 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item21 .overlay21 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item22 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item22 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item22 .overlay22 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item23 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item23 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item23 .overlay23 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item24 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item24 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item24 .overlay24 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item25 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item25 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item25 .overlay25 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item26 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item26 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item26 .overlay26 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item27 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item27 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item27 .overlay27 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item28 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item28 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item28 .overlay28 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item29 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item29 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item29 .overlay29 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item30 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item30 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item30 .overlay30 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }
	 

.grid .items-wrapper .grid-item31 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item31 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item31 .overlay31 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item32 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item32 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item32 .overlay32 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item33 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item33 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item33 .overlay33 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item34 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item34 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item34 .overlay34 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item35 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item35 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item35 .overlay35 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }

.grid .items-wrapper .grid-item36 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item36 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item36 .overlay36 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item37 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item37 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item37 .overlay37 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item38 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item38 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item38 .overlay38 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item39 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item39 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item39 .overlay39 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item40 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item40 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item40 .overlay40 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
 }
.grid .items-wrapper .grid-item41 {
  width: 200px;
  height: 200px;  
  background: gray;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item41 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item41 .overlay41 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;


}
.grid .items-wrapper .grid-item42 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item42 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item42 .overlay42 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item43 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item43 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item43 .overlay43 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item44 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item44 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item44 .overlay44 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item45 {
  width: 200px;
  height: 200px;
  background: violet;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item45 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item45 .overlay45 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
   }

.grid .items-wrapper .grid-item46 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item46 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item46 .overlay46 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item47 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item47 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item47 .overlay47 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item48 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item48 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item48 .overlay48 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item49 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item49 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item49 .overlay49 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item50 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item50 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item50 .overlay50 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }

.grid .items-wrapper .grid-item51 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item51 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item51 .overlay51 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item52 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item52 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item52 .overlay52 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item53 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item53 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item53 .overlay53 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item54 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item54 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item54 .overlay54 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item55 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item55 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item55 .overlay55 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
	 

.grid .items-wrapper .grid-item56 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item56 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item56 .overlay56 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item57 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item57 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item57 .overlay57 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item58 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item58 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item58 .overlay58 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item59 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item59 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item59 .overlay59 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item60 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item60 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item60 .overlay60 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }

.grid .items-wrapper .grid-item61 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item61 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item61 .overlay61 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item62 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item62 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item62 .overlay62 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item63 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item63 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item63 .overlay63 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item64 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item64 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item64 .overlay64 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item65 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item65 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item65 .overlay65 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item66 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item66 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item66 .overlay66 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item67 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item67 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item67 .overlay67 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item68 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item68 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item68 .overlay68 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item69 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item69 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item69 .overlay69 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item70 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item70 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item70 .overlay70 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  
    }
	 

.grid .items-wrapper .grid-item71 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item71 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item71 .overlay71 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item72 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item72 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item72 .overlay72 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item73 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item73 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item73 .overlay73 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item74 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item74 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item74 .overlay74 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item75 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item75 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item75 .overlay75 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }

.grid .items-wrapper .grid-item76 {
  width: 200px;
  height: 200px;  
  background: skyblue;
  margin-left: 10px;
  margin-top: -00px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item76 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item76 .overlay76 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
  
.grid .items-wrapper .grid-item77 {
  width: 200px;
  height: 200px;
  background: orange;
  margin-left: 200px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item77 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item77 .overlay77 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item78 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 400px;
  margin-top: -200px;
  background-image:none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item78 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item78 .overlay78 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}
.grid .items-wrapper .grid-item79 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 600px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item79 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item79 .overlay79 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
  }
.grid .items-wrapper .grid-item80 {
  width: 200px;
  height: 200px;
  background: pink;
  margin-left: 800px;
  margin-top: -200px;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.grid .items-wrapper .grid-item80 h1 {
  position: absolute;
  display: none;
  z-index: 99;
  margin-top: -5px;
}
.grid .items-wrapper .grid-item80 .overlay80 {
  position: relative;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  background: black;
  opacity: 0.3;
  z-index: 5;
  display: none;
}

.text1, .text2, .text3, .text4, .text5, .text6, .text7, .text8, .text9, .text10, .text11, .text12, .text13, .text14, .text15, .text16, .text17, .text18, .text19, .text20, .text21, .text22, .text23, .text24, .text25, .text26, .text27, .text28, .text29, .text30, .text31, .text32, .text33, .text34, .text35, .text36, .text37, .text38, .text39, .text40, .text41, .text42, .text43, .text44, .text45, .text46, .text47, .text48, .text49, .text50, .text51, .text52, .text53, .text54, .text55, .text56, .text57, .text58, .text59, .text60, .text61, .text62, .text63, .text64, .text65, .text66, .text67, .text68, .text69, .text70, .text71, .text72, .text73, .text74, .text75, .text76, .text77, .text78, .text79, .text80 {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}