.item-box {
  width: 100%;
  border-width: .45px;
  border-style: solid;
  font-size: 14px;
  text-align: center;
  font-size: 13px;
}

.item-box2 {
  width: 100%;
  border-width: .45px;
  border-style: none;
  font-size: 14px;
  text-align: center;
  font-size: 13px;
}

.shelf-align {
  align-content: center;
  text-align: center;
}

.hr-style {
  margin-top: 1em;
  margin-bottom: 1em;
  border-width: 14px;
  border-color: var(--bs-link-hover-color);
}

h3 {
  text-align: center;
}

@media (max-width: 600px) {
  .img-fluid {
    width: 100%;
    height: auto;
    max-width: 500px;
  }
}

@media (min-width: 601px) {
  .img-fluid {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 300px) {
  #home-img {
    margin-top: 17%;
  }
}

@media (min-width: 768px) {
  #home-img {
    margin-top: 3%;
  }
}

#home-img {
  max-width: 100%;
}

#paint-swatch {
  max-width: 85%;
}

#ext-paint {
  max-width: 100;
}