/*
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
.card-wrapper{
    width: 100%;
    margin: 0 auto;
}

*/


/*
@media screen and (min-width: 992px){
  .card{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1.5rem;
  }
  .card-wrapper{
      height: 100vh; 
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .product-imgs{
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
}*/