.zabiegMain{
  position: relative;
  /* width: 300px;
  height: 200px; */
  /* max-width: 350px;
  max-height: 230px; */
  margin: 10px;
  /* border: 1px;
  border-color: red;
  border-style: solid; */
}

.zabiegMain:hover{
  opacity: 0.7;
}

.zabiegObraz{
  position: relative;
/* width: 400px;
height: 300px; */

width: 100%;
height: 100%;

/* border: 1px;
border-color: blue;
border-style: solid; */
box-shadow: 3.0px 3.0px 10.0px rgba(156,156,156,1)
}
.obrazek{
  /* max-width: 100%;
  max-height: 100%; */
  width: 100%;
  height: 100%;
  /* style="opacity: 0.8;" */
  object-fit: fill;
}
.zabiegTytul{
  font-size: 18px;
  font-family: 'Roboto';
  color: white;
  text-align: center;
  padding: 20px 0px;
  position: absolute;
  width: 100%;
  /* height: 25%; */
  /* border: 1px; */
  /* border-color: green; */
  /* border-style: solid; */
  bottom: 0px;
  background-color: rgba(189, 189, 189, 0.64)
}

h2.zabiegTytulTxt{
  font-size: 22px;
  font-family: 'Roboto';
  font-weight: 500;
  color: white;
  letter-spacing: normal;
  margin: 0px;
  padding: 0px;
  text-shadow: rgb(0, 0, 0) 0px 0px 5px;
}

.zabiegOpis, div.zabiegOpis p{
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  color: #333333;
}

/* div.zabiegOpis p{
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #333333;
} */


.grid-container123 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 1000px) {
  .grid-container123 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

  @media only screen and (max-width: 500px) {
    .grid-container123 {
      display: grid;
      grid-template-columns: 1fr;
    }

  }