.menu-srodek-tlo {
  width: 100%;
  padding: 56px 0px;
  margin: 8px 0px 0px;
  background: #f1f5f0;
}
.menu-srodek-1-poziom {
  width: clamp(320px, 100%, 1232px);
  list-style: none;
  padding: 0px;
  margin: 0px auto;
  display: flex;
  gap: 16px 16px;
}
.menu-srodek-1-poziom > li {
  position: relative;
  flex: 0 1 calc(100% / 3 - 12px);
}
.menu-srodek-1-poziom > li.menu-blok-before, .menu-srodek-1-poziom > li.menu-blok-after {
  display: none;
}
.menu-srodek-1-poziom > li a {
  height: 100%;
  display: flex;
}
.menu-srodek-1-poziom > li a img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 6px;
}
.menu-srodek-1-poziom > li .menu-ikona-tekst {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px 0px;
  justify-content: center;
  align-items: center;
  font-family: var(--main-font);
  font-size: 3rem;
  line-height: 3.4rem;
  font-weight: 500;
  color: #fff;
}
.menu-srodek-1-poziom > li a[href^="fotogaleria"] .menu-ikona-tekst::before {
  content: "";
  width: clamp(50px, 100%, 112px);
  aspect-ratio: 1 / 1;
  background: #c9e3c7 url(../grafika/fotogaleria.png) center center no-repeat;
  border-radius: 50%;
}

.menu-srodek-1-poziom > li:hover a img {
  opacity: .65;
}

@media all and (min-width: 320px) and (max-width: 639px) {
  .menu-srodek-1-poziom {
		flex-direction: column;
	}
  .menu-srodek-1-poziom > li {
    flex: 0 0;
    width: clamp(328px, calc(100% - 32px), 400px);
    margin: 0px auto;
  }
}
@media all and (min-width: 640px) and (max-width: 1023px) {
  .menu-srodek-1-poziom {
    justify-content: center;
		flex-wrap: wrap;
	}
  .menu-srodek-1-poziom > li {
    flex: 0 1 400px;
    margin: 0;
  }
}