.spec-container {
    font-size:1.2rem;
}
.bgr {
    background-color:red;
}
.spec-table {
    color:white;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color:darkslategrey;
    padding-left:5px;
}
h3.spec-heading {
    font-size: 1.1rem;
    text-transform:uppercase;
    letter-spacing: 3px;
    margin-bottom:10px;

}
.spec-details > div {
    border-bottom: 1px solid #c0c0c0;
}
.spec-details > div:last-child {
    border:none;
}
.boot-sizes div > div {
    width: 45px;
    height:30px;
    padding: 8px;
    margin:0 6px;
    background-color:white;
    border-radius: 10%;
    font-size:1rem;
    color: black;
    font-weight:normal;
    text-align:center;
    display:inline-flex;
    align-items: center;
    justify-content:center;
}
.boot-sizes div .country-text {
    width:70px;
    display:inline-block;
    font-weight:normal;
}
.spec-icons div div > img {
    width:80px;
    height:80px;
    object-fit:fit;
}
.spec-icons div div:nth-child(2) {
    font-size:.8rem;
    margin-top:10px;
    font-weight:bold
}
#spec-main-image div > img {
    width:250px;
    height:250px;
    object-fit:contain;
  }

  .inside-main-text h5 {
    font-size:1.1rem;
    line-height:1.6rem;
  }
  .inside-main-text ul {
    font-size:1rem;
    margin-top:15px;
  }
  .inside-main-text p {
    font-size:1rem;
    font-style: italic;
  }
  .modal-images > div p {
    text-align: center;
    font-size:.8rem;
    text-transform: uppercase;
  }
  .modal-images > div img {
    width:300px;
    height:300px;
    object-fit:contain;
    margin: 0 15px;
  }
  .shoe-pop-images {
    font-size:1.3rem;
  }
  .shoe-pop-images a {
    text-decoration: none;
  }
  .shoe-pop-images a:hover {
    color:red;
  }

  /* shoe image carousel - starts */
  #carouselDemo {
    width:100%;
    height:400px;
    padding-bottom:15px;
    border-bottom:1px solid #c0c0c0;
}
.carousel-indicators {
    bottom:-120px;
}
.carousel-indicators button[data-bs-target] {
    width:150px;
    height:100px;
    background-color: rgba(0,0,0,0.0);
}
.carousel-indicators button[data-bs-target] img {
    width:100%;
    height:50%;
    object-fit: contain;
}
.carousel-inner {
    width:100%;
    height:100%;
}
.carousel-inner > .carousel-item {
    width:100%;
    height:95%;
}
.carousel-inner > .carousel-item img {
    width:100%;
    height:95%;
    object-fit: contain;
}
.carousel-item p {
    margin-top: 10px;;
    font-size:10px;
}
  /* shoe image carousel - ends */

.inside-main-text h4 {
  font-size:.9rem;
  font-style: normal;
  font-weight: bold;
  margin-bottom:20px;
}
.shoe-thumbnails > div {
  padding:10px;
}
.shoe-thumbnails div > a p {
  font-size:.8rem;
  margin-top:5px;
}
.shoe-thumbnails div > a {
  color:black;
  text-decoration:none;
}
.shoe-thumbnails div > a:hover {
  color:red;
}
.shoe-thumbnails > div > a img {
  width:100%;
  height:100px;
  object-fit:contain;
}