.products-heading{
  margin-top: 2.625vw;
}
.products-heading h1{
  text-align: center;
  color: #333333;
  font-weight: 900;
  font-family: Dosis;
  font-size: 3vw;
}
.product-container{
  width: 80%;
  height: auto;
  margin: auto;
  margin-left: 15vw;
  margin-right: 15vw;
  /*border: 1px solid black;*/
  margin-top: 1.575vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product-info-hidden{
  display: none;
}
.product-container .product{
  flex: 0 0 33.3333%;
}
.product-container .product img, .product-container .product .empty-img{
  /*background-color: red;*/
}
.product-container .product p{
  text-align: left;
  margin-left: 2.625vw;
  font-size: 1.2vw;
  /*background-color: yellow;*/
  /* NOTE: STYLE TEXT */
}
.product-img{
  width: 15.75vw;
  height: 15.75vw;
  transition: .2s;
}
.product-img:hover{
  transform: scale(1.04);
}
.last-prod{
  margin-right:auto;
}
.black-cover{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 99;
}
.popup-wrapper{
  display: none;
}
.product-popup{
  width: 63vw;
  height: 31.5vw;
  background-color: #fff;
  position: fixed;
  left: 16.905vw;
  top: 10.5vw;
  z-index: 100;
  overflow-y: auto;
}
.product-info{
  display: none;
}
.product-popup .product-info{
  width: 15.75vw;
  position: absolute;
  right: 10.5vw;
  top: 5.25vw;
  font-size: 1vw;
}
.product-popup .product-info h2{
  font-size: 1.5vw;
}
.product-popup img{
  width: 26.25vw;
  height: 26.25vw;
  position: absolute;
  top: 2.625vw;
  left: 5.25vw;
}
.prod-quo{
  cursor:pointer;
  text-decoration:underline;
}
.product-popup span{
  position: absolute;
  right: 1.05vw;
  top: 1.05vw;
  font-size: 2vw;
}
.product-popup span:hover{
  cursor: pointer;
}
@media only screen and (max-width:1024px){
  .product-img{
    width: 300px;
    height: 300px;
  }
  .popup-wrapper{
  }
  .last-prod{
    margin-right: 0;
  }
  .product-container .product p{
    font-size: 2vw;
    width: auto;
    text-align: center;
  }
  .product-container{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    justify-content: space-around;
  }
  .product-popup{
    height: 50%;
    top: 25%;
  }
  .product-popup img{
    width: 52.5vw;
    height: 52.5vw;
  }
  .product-popup span{
    font-size: 4vw;
  }
  .product-popup .product-info{
    width: 52.5vw;
    position: absolute;
    left: 5.25vw;
    top: 55vw;
    font-size: 3vw;
  }
  .product-popup .product-info h2{
    font-size: 4vw;
  }
}