*{
   margin:0; padding:0;
   box-sizing: border-box;
   text-decoration: none;
}
.container1{
   max-width: 1200px;
   margin:0 auto;
   padding:3rem 2rem;
   outline: none; 
   border:none;
   transition: all .2s linear;
}

.container1 .title{
   font-size: 3.5rem;
   color:#444;
   margin-bottom: 3rem;
   text-transform: uppercase;
   text-align: center;
   margin-top: 20px;
}

.container1 .products-container{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
   gap:2rem;
}

.container1 .products-container .product{
   text-align: center;
   padding:3rem 2rem;
   background: #fff;
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
   outline: .1rem solid #ccc;
   outline-offset: -1.5rem;
   cursor: pointer;
}

.container1 .products-container .product:hover{
   outline: .2rem solid #b57d3f;
   outline-offset: 0;
}

.container1 .products-container .product img{
   height: 25rem;
}

.container1 .products-container .product:hover img{
   transform: scale(.9);
}

.container1 .products-container .product h3{
   padding:.5rem 0;
   font-size: 2rem;
   color:#444;
}

.container1 .products-container .product:hover h3{
   color:#27ae60;
}

@media (max-width:991px){

   html{
      font-size: 55%;
   }

}

@media (max-width:450px){

   html{
      font-size: 50%;
   }

}