.galeria {
  padding-top: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 20px; 
  max-width: 1000px; 
  margin: 0 auto; 
}
main{
  flex-grow: 1;
}

.element-galerii {
  text-align: center; 
}
.element-galerii h3 {
  text-align: center; 
}
.element-galerii img{
  width: 100%; 
  max-width: 250px; 
  height: auto;
  display: block;
  margin: 0 auto;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}




.przycisk{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  letter-spacing: 0.12rem;
font-weight: 600;
  font-size: 5vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
}
.przycisk-o-mleku {
  display: inline-block;
  padding: 10px 20px; 
  margin-top: 10px;
}

.zestaw-ksiegi{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  min-height: fit-content;
}
.wielkaksiegamu{
  width: 40%;
  height: auto;
}
.ksiegamu-zobacz{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}
.zgarnij-zestaw{
  font-family: 'Amatic SC';
  color: white;
  text-align: center;
  font-size: 6vw;
  line-height: 1;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.strzalka-zestaw{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7%;
}
.strzalka-zestaw img{
  width: 30%;
  height: auto;
}
.formularz{
    width: 100%;
}


.olmeku{
  width: 50%; height: auto;
}
.strzalka-zestaw a{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: 600;
  font-size: 5vw;
  letter-spacing: 0.1rem;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  min-width: fit-content;
}
.nagrodakonkurs{
  width: 60%; margin-top: 50px;
}

.paginacja {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  width: 100%;
  margin-top: 10%;
}

.paginacja a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: black;
  background-color: white;
  border-radius: 20px;
  transition: 0.3s;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 700;
}

.paginacja a:hover {
  background-color: #ff0;
}

.paginacja a.aktualna {
  background-color: yellow;
  color: black;
}

.paginacja a.nawigacja {
  background: none;
  font-size: 24px;
  font-weight: bold;
  box-shadow: none;
}

.paginacja a.nawigacja:hover {
  background: none;
  color: #555;
}
.omlekusplash{
  width: 50%;
  height: auto;

}

.trochewiedzy{
  font-family: 'Amatic SC';
  font-size: 10vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 600;
  margin-bottom: 8%;
}
.trochewiedzyomleku{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5%;
}
.krowa img{
  width: 100%;
  height: auto;
}
.omleku{
  width: 100%;
  height: auto;
  margin-top: 10%;
}
.krowa{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.wiecejomleku{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 4vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 600;
  letter-spacing: 0.15rem;
}
.warunki{
font-size: 1.5rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 5%;
}
.wstep{
  font-size: 5.3vw; line-height: 1; margin-bottom: 0; margin-top: 8%;
}

.komunikacja-marki{
  font-size: 4vw;
  line-height: 1.1;
  margin: 0;
}

.wez-udzial{
  font-size: 8vw;
  font-family: 'Amatic SC';
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 5.5%;
  margin-left: -5%;
}
.wez-udzial-div{
  width: 90%;

}
.aby-wziac-udzial{
  width: 90%;
  font-size: 6vw;
  line-height: 1;
}
.aby-wziac-udzial h3{
  font-size: 5vw;
  line-height: 1;
}
.objetesplash{
  width: 50%; height: auto; margin-right: 15%; margin-top: 20%;
}
.objete-komunikacja{
  display: grid;
  grid-template-columns: 1fr 0.33fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  height: 8rem;
  width: 100%;
  gap: 3%;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.objete-komunikacja a{
  grid-area: 1 / 3 / 2 / 4; 
  background-color: yellow;
  width: 70%;
  min-width: fit-content;
  padding-inline: 3.5%;
  padding-block: 0.5%;
  border-radius: 15px;
  font-family: 'Amatic SC';
  text-align: center;
  font-weight: 600;
  font-size: 5vw;
  letter-spacing: 0.15rem;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  font-weight: 700;

  
}
.objete-promocja{
  grid-area: 1 / 1 / 2 / 2;
  font-family: 'Amatic SC';
  font-size: 6vw;
  color: white;
  text-align: right;
  margin: 0;
  line-height: 1;
  max-width: 100%;
}
.strzalka-komunikacja{
  grid-area: 1 / 2 / 2 / 3;

  width: 100%;
  height: auto;
}
.produktyznajdzieszsplash{
  width: 40%; margin-top: 10%;
}
.gdzie-produkty{
  display: flex;
  align-items: center;
  gap: 3%;
  margin-left: 5%;
}
.gdzie-produkty h3{
  line-height: 1;
  font-family: 'Amatic SC';
  color: white;
  font-size: 6vw;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.strzalka-produkt{
    width: 12%;
}
.gdzie-produkty a{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    text-shadow: 0px 1px, 1px 0px, 1px 1px;
    font-size: 5.5vw;
    letter-spacing: 0.12rem;
font-weight: 600;
}
.zepelinindex{
  width: 100%; height: auto; object-fit: cover; margin-bottom: 0; text-align: center;
}
.chcedolaczyc{
  margin-top: 5%;
  text-align: center;
  margin-left: 45%;
}
.chcedolaczyc b{
  font-size: 3vw;

}
.chcedolaczyc a{
  text-align: center;
  background-color: yellow;
  border-radius: 15px;
  font-family: 'Amatic SC';
  text-align: center;
  font-size: 5vw;
  padding: 0.5rem;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
padding-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.przycisk-udzial {
  /* reset domyślnych styli buttona */
  display: inline-block;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;

  /* Twoje oryginalne style */
  background-color: yellow;
  padding-inline: 10%;
  padding-block: 0.5em;           /* dodaj pionowe wyśrodkowanie tekstu */
  border-radius: 20px;
  font-family: 'Amatic SC';
  text-align: center;
  font-size: 6vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.15rem;
  font-weight: 700;
}
.pole-obow{
  width: 50%;
  text-align: center;
  font-size: 2vw;
  margin-top: 0;
}
a{
  color: black;
  text-decoration: none;
}
.zwyciezcy{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 3%;
  
}

.zwyciezcy-left{
  width: 50%;
} 
.zwyciezcy-left img{
  width: 90%;
  height: auto;
}

.zwyciezcy-right{
  display: flex;
  align-items: center; 
  justify-content: center; 
  gap: 2.5rem;
}
.zwyciezcy-right .strzalka-left, .strzalka-right{
  max-width: 20%;
}
.zwyciezcy-right .strzalka-left:hover, .strzalka-right:hover{
  cursor: pointer;
}
.autormsc{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20vw;
  margin-bottom: -18%;
  z-index: 10;
}
.autormsc p{
  font-size: 3vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 600;
  letter-spacing: 0.1rem;
  font-family: 'Amatic SC';
}
.autorinfo{
  min-width: 60%;
}
.przepis-miesiac {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 5%;
  margin-top: 2rem;
}


.przepis-opis{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top:20px;
}
.przepis-opis-bg{
  background-color: rgb(110, 201, 222);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: auto;
  z-index: 1;
}
.przepis-opis a{
margin-left: 65%;
margin-bottom: -20%;
z-index: 10;
}
.przepis-opis img{
    width: 100%;
    height: auto;
}
.tytulprzepisu{
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 3.5rem;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 500;
  margin: 0;
    padding: 10px;
}
.podtytulyprzepisu{
  font-family: 'Amatic SC';

  font-size: 7vw;
  margin: 0;
  margin-top: 5%;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 500;
}
.opisprzepisu{
  font-family: 'Andika';
  font-size: 3vw;
  margin: 0;
  font-weight: 600;
  padding: 10px;

}
.zwyciezcy-kiedy{
  font-family: 'Amatic SC';
  width: 50%;
  font-size: 7vw;
  text-align: center;
font-weight: 800;
}



.zobacz-rowniez{
  font-family: 'Amatic SC';
  font-size: 10vw;
  font-weight: 700;

}
.podziel-sie-nagroda{
  
  display: flex;
  align-items: center; 
  justify-content: space-evenly; 
  gap: 3rem; 
}
.podziel-sie-nagroda .arrow-left,.arrow-right{
  max-width: 10%;
}
.podziel-sie-opinia{
  width: 50%;
}
.przepis-miesiac .arrow-left{
  max-width: 40%;
}
.przepis-miesiac .arrow-right{
 min-width: 40%;
}
.stado{
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 2%;
}
.stado-bg{
  max-width: 100%;
}

.przepisykulinarne{
  display: flex;
  justify-content:center ;
  align-items: center;
  flex-direction: column;
}
.przepisykulinarne-bg{
  width: 100%;
  height: auto;
}
.przepisykulinarne-overlay{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 5vw;
  margin-right: -33%;
  margin-top: -7%; 
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
}
.regionalneprzepisy{
  display: flex;
  justify-content:center ;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10%;
}
.regionalneprzepisy-bg{
  width: 100%;
  height: auto;
}
.regionalneprzepisy-overlay{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 4vw;
  margin-left: -11%;
  margin-top: -20%;  
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
}
.malowanki{
  display: flex;
  justify-content:center ;
  align-items: center;
  flex-direction: column;
}
.malowanki-bg{
  width: 100%;
  height: auto;
}
.malowanki-overlay{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 5vw;
  margin-top: -3%;  
  margin-right: -5%;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
}
.faq {
  display: flex;
  justify-content: center; 
  align-items: center;       
  width: 100%;
        
}

.faq-bg {
  width: 30%;
  height: auto;
}

.faq-overlay {            
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-weight: lighter;
  font-size: 5vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
min-width: fit-content;
}
.faq-bg2{
  margin-left: -6% ;
  margin-bottom: -20%;
  width: 30%;
  height: auto;
}

.zobaczjak-div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
.zobaczjak-bg{
  width: 100%;
  height: auto;
}
.zobaczjak-overlay{
  background-color: yellow;
  padding: 6px;
  padding-left: 5%;
  padding-right: 5%;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-size: 4vw;
  margin-right: -40%;
  margin-top: -10%;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
}
.przepismsc{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.przepismsc-bg{
  width: 100%;
  height: auto;
}
.zobaczprzepis{
  display: flex;
  justify-content: center;
  gap: 5rem;
  margin-top: 15%;
}
.zobaczprzepisL{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-size: 4vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
max-width: 40%;

}
.zobaczprzepisR{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-size: 4vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;

}
.slides{
  display: flex;
  align-items: center; 
  justify-content: center;
  width: 100%; 
  gap: 30px; 
  height: auto;
  margin-top: -15%;
}
.slides img{
  width: 5vw;
}
.wpisyzamsc{
  font-family: 'Amatic SC';
  font-size: 7vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 700;
}
.lista-produktow{
  font-weight: bold;
  font-size: 4.5vw;
  font-family: 'Andika';
}
.lista-produktow-div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;

}
.wymiennagrafika{
  margin-top: 10%;
  width: 100%;
}
.zestaw-disclaimer{
  width: 100%;
  font-family: 'Andika';
  font-weight: bold;
  font-size: 2vw;
}
.stopka {
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: 0;
}
.zglosznie{
  display: flex;
  flex-direction: column;

}
.zglosznie-bg{
  width: 100%;
  height: auto;
  z-index: -1;
}
.zglosznie-overlay{
  width: 25%;
  margin-left: 75%;
  margin-bottom: -10%;
  z-index: 1;
}
.prezent-tekst{
  display: flex;
  justify-content: center; 
  align-items: center;
  width: 52%;
}
.nasze-mleka{
  width: 100%; height: auto;
}

.masla{
  width: 100%;
  height: auto;
}
.mlekoto{
  font-size: 3vw;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 400;
}
.paragonprezent{
  font-size: 5vw; line-height: 1; text-align: center;
}
.programpolecen{
  font-size: 3vw;line-height: 1; text-align: center;
}
.prezentsplash{
  width: 56%;
}
.zrobprezentzmu{
  width: 80%;
}
.sernik{
  width: 100%; height: auto;
}
.przerywnik{
  width: 35%;
}
.ksiegamusplash{
  width: 60%;
  margin-bottom: 5%;
}
.pobierzprzepis{
  width: 50%;
  margin-top: 2%;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  letter-spacing: 0.12rem;
font-weight: 600;
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  font-size: 5vw;
  text-align: center;
}


#test333{
    color: black;
    font-size: 3vw;
}
#test222{
    color: black;
    font-size: 3vw;
}
.przepisyobrazki{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -63%;
  gap: 15%;
}
.przepisobraz{
  width: 30%;
  height: auto;
  border: white 4px solid;
  border-radius: 15px;
}

@media (min-width: 1024px){

  .przepisyobrazki{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -49%;
    gap: 10%;
  }
  .przepisobraz{
    width: 35%;
    height: auto;
    border: white 4px solid;
    border-radius: 15px;
  }
  .ksiegamu-zobacz{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
  }
    .paginacja{
        margin-top: 5%;
    }
    .warunki-udzialu{
      max-width: 96%;
        margin-top: 3%;
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .prezent-tekst{
        display: flex;
        justify-content: center; 
        align-items: center;
        width:80%;
      }
    .zestaw-ksiegi{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;

      }
    .warunki{
        font-size: 2rem;
        max-width: 95%;
        margin-bottom: 3%;
    }
    #test333{
        color: black;
        font-size: 1.3rem;
    }
    #test222{
        color: black;
        font-size: 1.3rem;
    }

    .element-galerii img{
        width: 200%; 
        min-width: 350px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    .przycisk-udzial{
        font-size: 3.5rem;
        width: 50%;
        margin-top: 4%;
    }

    .element-galerii h3 {
        font-size: 1.5vw;
    }
    #test{
        font-size: 3rem;
        margin-top: 2%;
        margin-bottom: 2%;
      }
      .gdzie-produkty{
        margin-left: 15%;
      }
      .gdzie-produkty a{
        background-color: yellow;
        padding: 5px 15px;
        border-radius: 20px;
        font-family: 'Amatic SC';
        text-shadow: 0px 1px, 1px 0px, 1px 1px;
        font-size: 3rem;
        letter-spacing: 0.12rem;
        font-weight: 600;
    }
    .autormsc{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10rem;
    margin-bottom: -15%;
    z-index: 10;
  }
  .autormsc p{
    font-size: 1.8rem;
    text-shadow: 0px 1px, 1px 0px, 1px 1px;font-weight: 600;
    letter-spacing: 0.1rem;
  }

  .pobierzprzepis{
    width: 40%;
    font-size: 3rem;
  }

  .ksiegamusplash{
    width: 40%;
    margin-bottom: 2%;
  }
  .przepis-opis{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .przepis-opis a{
    margin-left: 50%;
    margin-bottom: -15%;
    z-index: 10;
    }
    .przepis-opis img{
    width: 60%;
    height: auto;
    }
  .przepis-opis-bg{
    background-color: rgb(110, 201, 222);
    width: 80%;
    height: auto;
    z-index: 1;
    padding:20px;
    line-height:50px;
  }
 
  .przerywnik{
    width: 20%;
  }
  .przepis-miesiac .arrow-left{
    max-width: 50%;
  }
  .przepis-miesiac .arrow-right{
   min-width: 50%;
  }
  .sernik{
    width: 60%; height: auto;
  }
  .omleku{
    width: 80%; height: auto;
  }
  .mlekoto{
    font-size: 2rem;
    line-height: 1;
  }
  .galeria {
    padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap:50px; 
    max-width: 1000px; 
    margin: 0 auto; 
  }
  .przycisk{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    letter-spacing: 0.12rem;
  font-weight: 600;
    font-size: 2.5rem;
  }
  .zrobprezentzmu{
    width: 60%;
  }
  .zglosznie{
    margin-left: 20%;
  }
  .zglosznie-bg{
    width: 70%;
    height: auto;
    z-index: -1;
  }
  .zglosznie-overlay{
    width: 15%;
    margin-left: 55%;
    margin-bottom: -7%;
    z-index: 1;
  }
  .objetesplash{
    width: 35%; height: auto; margin-right: 25%; margin-top: 10%;
  }
  .stopka {
    width: 70%;

    height: auto;
    margin-top: auto;
    margin-bottom: 0;
  }
  body, .content {
    min-height: 93.6vh; 
  }
  .zestaw-disclaimer{
    width: 75%;
    font-family: 'Andika';
    font-weight: bold;
    font-size: 1rem;
  }
  .wymiennagrafika{
    margin-top: 7%;
    width: 75%;
  }
  .zepelinindex{
    width: 70%;
  }
  .nagrodakonkurs{
    width: 45%; margin-top: 100px;margin-right: 30%;
  }
  
  #agree4{
    max-width: 60%;
  }
  .stado{
    display: flex;
    flex-direction: column;
    width: 70%;
    gap: 1em;
    align-items: center;
  }
  .stado-bg{
    max-width: 80%;
  }

  .podziel-sie-nagroda{
    display: flex;
    align-items: center; 
    justify-content: center; 
    gap: 1rem;
    margin-bottom: 2%;
  }
  .podziel-sie-nagroda .arrow-left,.arrow-right{
    max-width: 5%;
  }
  .podziel-sie-opinia{
    width: 50%;
  }
  .zobacz-rowniez{
    font-family: 'Amatic SC';
    font-size: 4rem;
    font-weight: 700;
    width: 50%;
    margin-left: 25%;
    margin-bottom: 1%;
  }
  .faq-bg {
    width: 20%;
    height: auto;
  }

  .faq-bg2{
    margin-left: -6% ;
    margin-bottom: -20%;
    width: 20%;
    height: auto;
  }
  .malowanki-bg{
    width: 80%;
    height: auto;
  }
  .malowanki-overlay{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;

    font-size: 2.2rem;
    margin-left: -5%;
    margin-top: -3%; 
    width: 40%; 
    text-align: center;
    letter-spacing: 0.12rem;
font-weight: 600;
  }
  .przepisykulinarne-bg{
    width: 85%;
    height: auto;
  }
 
  .krowa{
    width: 80%;
  }
  .wiecejomleku{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    letter-spacing: 0.12rem;
font-weight: 600;
    font-size: 2.5rem;
  }
  .omlekusplash{
    width: 45%;
    height: auto;
  }
  
  .trochewiedzy{
    font-family: 'Amatic SC';
    font-size: 5rem;
  }
  .masla{
    width: 78%;
  }
  .wpisyzamsc{
    font-family: 'Amatic SC';
    font-size: 5rem;
    margin-top: 3%;
    margin-bottom: 3%;
  }
  .slides{
    margin-top: -6%;
    gap: 15px;
  }
  .slides img{
    width: 3rem;
  }
  .zwyciezcy-left {
    width: 50%;
  }
  .zwyciezcy-left img{
    width: 60%;
    height: auto;
    margin-left: 15%;
  }
  .zwyciezcy-kiedy{
    font-family: 'Amatic SC';
    width: 40%;
    font-size: 3rem;
    text-align: center;
  }#opis-przepis-miesiac{
    max-width: 65%;
  }
  .zwyciezcy{
    margin-top: 5%;
    margin-bottom: 5%;
    gap: 5%;
  }
  .przepismsc-bg{
    width: 80%;
    height: auto;
  }

  .zobaczjak-bg{
    width: 80%;
    height: auto;
  }
  .nasze-mleka{
    margin-top: 10%;
    width: 80%; height: auto;
  }
  .zobaczjak-overlay{
    background-color: yellow;
    padding-left: 5%;
    padding-right: 5%;
    border-radius: 20px;
    font-family: 'Amatic SC';
    font-size: 2.5rem;
    margin-right: -35%;
    margin-top: -9%;
    letter-spacing: 0.12rem;
font-weight: 600;
  }
  .pole-obow{
    width: 50%;
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 4%;
  }
  .aby-wziac-udzial{
    width: 100%;
    line-height: 1;
    height: 28rem;
  }
  .strzalka-produkt{
    width: 7%;
}


  .komunikacja-marki{
    font-size: 2.7rem;
    line-height: 1.1;
  }     
  .wielkaksiegamu{
    width: 40%;
    height: auto;
  }
 
  .objete-komunikacja{
    margin-left: 5%;
    display: grid;
    grid-template-columns: 1fr 0.33fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    height: 10rem;
    width: 80%;
    gap: 3%;
  }

  .strzalka-komunikacja{
    grid-area: 1 / 2 / 2 / 3;
    max-width: 100%;

    height: auto;
  }
  .strzalka-zestaw{
    width: 100%;
  }
  .strzalka-zestaw img{
    width: 25%;
    height: auto;
  }
  .content-image {
    max-width: 60%;
    height: auto;
  }
  .wstep{
    font-size: 3rem; line-height: 1; 
  }
  
  .faq-overlay {            
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    letter-spacing: 0.12rem;
font-weight: 600;
    font-size: 2rem;
    margin-bottom: -5%;
  }
  .prezentsplash{
    width: 35%;
  }
  .paragonprezent{
    font-size: 3rem; line-height: 1; text-align: center;
  }
  .programpolecen{
    font-size: 2.5rem;line-height: 1; text-align: center;
  }
  .chcedolaczyc{
    margin-top: 1%;
    text-align: center;
    margin-left: 35%;
    max-width: 45%;
    width: 100%;
  }
  .chcedolaczyc b{
    font-size: 1.3rem;
  }
.chcedolaczyc a {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    background-color: yellow;
    border-radius: 20px;
    font-family: 'Amatic SC';
    font-size: 2.1rem;
    padding: 0.3rem 1rem;
    letter-spacing: 0.12rem;
    font-weight: 600;
}

  .podtytulyprzepisu{
    font-family: 'Amatic SC';
    font-weight: lighter;
    font-size: 3rem;
    margin: 0;
    margin-top: 5%;
  }
  .tytulprzepisu{
    font-family: 'Amatic SC';
    font-weight: lighter;
    font-size: 3.5rem;
    margin: 0;
    line-height:50px;
  }
  .opisprzepisu{
    font-family: 'Andika';
    font-size: 2rem;
    margin: 0;
    padding: 10px;
  }
  .zobaczprzepis{
    display: flex;
    justify-content: center;
    gap: 8rem;
    margin-top: 7%;
  }
  .zobaczprzepisL{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    font-size: 2.5rem;
    letter-spacing: 0.12rem;
font-weight: 600;
  }
  .zobaczprzepisR{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    font-size: 2.5rem;
    letter-spacing: 0.12rem;
    font-weight: 600;
  }
  .regionalneprzepisy-bg{
    width: 80%;
    height: auto;
  }
  .regionalneprzepisy-overlay{
    background-color: yellow;
    padding: 5px 15px;
    border-radius: 20px;
    font-family: 'Amatic SC';
    letter-spacing: 0.12rem;
font-weight: 600;
    font-size: 2.2rem;
    margin-left: -5%;
    margin-top: -17%;  
  }
  .lista-produktow{
    font-weight: bold;
    font-size: 2rem;
    font-family: 'Andika';
    width: 100%;

  }
  .lista-produktow-div{
    margin-left: 0;
  }


  .wez-udzial{
    font-size: 5rem;
    font-family: 'Amatic SC';
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.5%;
    margin-top: 3%;
  }
  .zgarnij-zestaw{
    font-family: 'Amatic SC';
    color: white;
    text-align: center;
    font-size: 3.5rem;
    line-height: 1;
  }
  .objete-komunikacja a{
    grid-area: 1 / 3 / 2 / 4; 
    background-color: yellow;
    font-size: 2.5rem;
    padding: 1%;
    border-radius: 20px;
    font-family: 'Amatic SC';
    text-align: center;
    letter-spacing: 0.12rem;
font-weight: 600;
  }
.objete-promocja{
  grid-area: 1 / 1 / 2 / 2;
  font-family: 'Amatic SC';
  font-size: 3.8rem;
  color: white;
  text-align: right;
  margin: 0;
  line-height: 1;
  max-width: 100%;
  text-align: center;

}.przepisykulinarne-overlay{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  letter-spacing: 0.12rem;
font-weight: 600;
  font-size: 3rem;
  margin-right: -30%;
  margin-top: -8%; 
}
.strzalka-zestaw a{
  background-color: yellow;
  padding: 5px 15px;
  border-radius: 20px;
  font-family: 'Amatic SC';
  letter-spacing: 0.12rem;
font-weight: 600;
  font-size: 3rem;

}
}
@media (min-width: 700px) and (max-width:1023px){
  .zobaczprzepis{
    gap: 8rem;
    margin-top: 25%;
  }

  .slides{
    margin-top: -10%;
  }
}
@media(max-width:375px){
  .slides{
    margin-top: -25%;
    gap: 5%;
  }
  .zobaczprzepis a{
    font-size: 3vw;
    min-width: fit-content
  }
  .zobaczprzepis{
    gap: 3rem;
  }
  .zwyciezcy-right{
    width: 100%;
  }
}