.grid-container {
  display: grid;
  border-radius: 10px;
  background-color: #0D0D0D;
  margin-top: 75px;
  margin: 75px auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  width: 75%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  grid-auto-flow: dense;
  padding-bottom: 30px;
}

.grid-item {
  position: relative;
  border: 7px solid #2677c1;
  border-radius:10px;
  font-family: "Lexend Deca", sans-serif;
  background-color:white;
  padding:3px;
}

.grid-item img {
  z-index: 1;
  width: 100%;
  max-width: 300px;
  display: block;
  border-bottom: 1px solid silver;
  cursor:pointer;
}

.grid-item .image-name {
  position: relative;
  display:block;
  color: #00000;
  z-index: 2;
  padding-bottom:5px;
  text-align:center;
  margin:auto;
}

.image-name h3{
	font-size: auto;
	margin:auto auto 0 auto;
	text-align:center;
	padding: 5px 0 5px 0;
	font-family: "Lexend Deca", sans-serif;
}
.grid-item button {
  display:inline-block;
  position: relative;
  width: 67%;
  height: 34px;
  margin:auto;
  /* border-radius: 5px; */
  /* border: 2px solid #000000; */
  /* background: transparent; */
  color: black;
  font-family: "Lexend Deca", sans-serif;
  font-size: 14px;
  transition: 0.2s;
  cursor: pointer; 
  
  /* I changed the button style. If you don't like it delete the style below here, and uncomment the three lines above to return it to original styling */
  padding:5px 5px 4px 5px; color:black; margin:0; border:1px #bbb solid; border-radius:4px; background:#f8f8f8; box-shadow:inset 1px 5px 8px #e9e9ea,inset -1px -7px 5px #ccc; letter-spacing:1px; display:inline-block;

}

.grid-item button:active { top:1px; }

.image-name div{
	position:relative;
	display:inline-block;
	margin:auto;
	width:auto;
	text-align:center;

}

#restore{display:none;margin:17px 0 0 20px;color:#fff;font-family:arial;font-size:110%;}
#cart1,#cart3{width:60px;height:60px}
#cart2{width:21px;height:21px;margin-right:-16px;}
#checkOut{position:relative;color:white;display:inline-block;width:100%;color:#fff;margin:0;text-decoration:none;padding:5px 0 0 10px;visibility:hidden;}

#checkoutLink{position:relative;margin-left:25px;text-decoration:underline;display:inline-block;bottom:20px;font-size:130%;font-weight:lighter;}

#pulse {
	-webkit-animation: pulsate 2.2s;
	-webkit-animation-iteration-count: infinite; 
	opacity: 0.2;
	font-size:120%;
	font-weight:888;
}
@-webkit-keyframes pulsate {
	0% { opacity: 0.2; }
	30% { opacity: 1.0; }
	70% { opacity: 1.0; }
	100% { opacity: 0.2; }
}

#numincart1,#numincart2,#numincart3{display:inline-block;position:absolute;color:white;width:50px;text-align:center;}
#numincart1{top:6px;left:1px;font-size:23px;}
#numincart2{top:35px;left:-10px;font-size:10px;}
#numincart3{top:11px;left:11px;font-size:23px;}

.desc{display:none;z-index:1000;background-color:white;padding:5px 0 0 5px;height:150px;width:calc(100% - 5px);overflow:hidden;position:absolute;bottom:-160px;left:-7px;border-top:0;border-right:7px solid #2677c1;border-bottom:7px solid #2677c1;border-left:7px solid #2677c1;border-radius:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;font-family:arial,sans-serif;}
.cartRecord{background-color:#fff;position:relative;padding:15px;margin:10px;color:black;font-size:130%;border:4px #2677c1 solid;border-radius:6px;height:180px;}
#runningTotal{color:white;height:auto;visibility:hidden;text-align:center;line-height:20px;margin-bottom:30px;}
.productAddedToCart {top:50%; transform:translateY(-50%);position:relative;text-align:center;color:#0d0d0d;font-size:120%; width:100%;}
.cNum{margin-bottom:5px;height:20px;width:25px;text-align:center;border:1px black solid;border-radius:4px;}

form {
  display: flex;
  align-items: center;
  margin: 0;
}

.search-bar input {
  background-color: #0D0D0D;
  display: block;
  width: 100px;
  outline: #324b79;
  color: white;
  padding-left: 5px;
  font-family: "Lexend Deca", sans-serif;
  font-size: 14.5px;
  height: 50px
}

.search-container {
  display: flex;
  margin:auto;
  margin-top: 150px;
  justify-content: center;
}

#search-input {
  padding: 10px;
  font-size: 17px;
  border: none;
  font-family: "Lexend Deca", sans-serif;
  font-size: 14.5px;
  width: 150px;
  height: 30px;
  border-radius: 10px 0 0 10px;
}

.search-container button {
  background-color: #383838;
  border: none;
  padding: 8.5px;
  height: 50px;
  width: 50px;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}

search-container button:hover {
  background-color: #000000;
}

.search-container img {
  width: 20px;
}

#categories { text-align:center;position:absolute;top:86px;left:0;width:100%; } /* background-color:#000;opacity:.7; */
#categories a {line-height:40px;padding:0 20px;color:white;font-family: "Lexend Deca", sans-serif;font-size:105%;letter-spacing:.9px;}