@charset "utf-8";

.grid-img {
  display:grid;
  width:792px;
  grid-template-columns: 1fr 1fr 1fr; 
  gap: 4px 10px;
}

.img-fresh img {
  border: 3px solid yellow;
}

.img-crystal img {
  border: 3px solid skyblue;
}

.img-pure img {
  border: 3px solid orange;
}

.grid-img li a {
  display: block;
  /* overflow-x: hidden; */
  overflow-y: hidden;
  height: 193px;
}

.grid-img li a img {
width: 97%;
}

@media screen and (max-width: 800px){	
  .grid-img {
    display:grid;
    width:98%;
    grid-template-columns: 1fr 1fr; 
    gap: 4px 10px;
  }
  .service-main {
    padding-top: 50px;
  }
  .grid-img li a {
    display: block;
    /* overflow-x: hidden; */
    overflow-x: hidden;
    height: 120px;
  }
  
  .grid-img li a img {
  width: 97%;
  }
}