#header-title {
  font-family: 'Quattrocento Sans', sans-serif;
}


#header-div {
  height: 10%;
  margin: 1%;
}

#main-body,
#store-main-body,
#nav-bar-item,
#nav-bar-current-item {
  border: 2px solid black;
}

#t1Thumb {
  height: 100%;
}

#nav-bar {
  width: 14%;
  float: left;
}

#nav-bar a {
  text-decoration: none;
}

#nav-bar-item,
#nav-bar-current-item {
  margin: 0% 0% 1% 0%;
}

#nav-bar-item:hover {
  background-color: #E5EBE4;
}


#nav-bar-current-item {
  background-color: #E5EBE4;
}

#main-body {
  width: 83%;
  height: 83%;
  float: left;
}

#store-main-body {
  width: 94%;
  margin: 3px;
}

#ad {
  display: block;
  margin: 10% auto 9% auto;
  width: 50%;
  height: 60%;
}

#ad-img {
  width: 33%;
  height: 83%;
  float: left;
}

#ad-body {
  height: 83%;
  width: 66%;
  float: left;
}

#ad-about {
  width: 100%;
  height: 50%;
  float: left;
}

#ad-sample {
  width: 100%;
  height: 50%;
}


#product-grid {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}

.card-div {
  margin-bottom: 35px;
}

.card {
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Center content horizontally */
  text-align: center;
  /* Center text horizontally */
}

.card-img-top {
  height: 100%;
  /* Set height of card images to 100% */
  object-fit: cover;
  /* Ensure the image covers the entire space */
}

#email-paragraph {
   margin: 5%;  
}