.rozmiar{
  font-size: 36px !important;
  line-height: 36px !important;
}


.szerokosc{
    width: 100%;
    height: auto;
}

.space-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.text-center{
    text-align: center;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.number10{
    font-weight: bold;
    color: yellow;
  }

  .opiniatextarea {
    font-size: 4vw;
    color: black;
    margin-top: 20px;
    line-height: 1.2;
    background-color: #70cadf;
    resize: none;
    border: none;
    text-align: left;
    padding: 5px; /* Tekst zaczyna się od lewego górnego rogu */
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }

  .number-button{
    background-color: white;
    border: none;
    border-radius: 25px;
    padding-inline: 30px;
    cursor: pointer;
    font-size: 5vw;
    }
  
    .active-button{
      background-color: yellow;
    }

    .yellow-button{
      background-color: yellow;
      width: fit-content;
      border: none;
      border-radius: 13px;
      padding-inline: 3.5%;
      padding-block: 0.5%;
      cursor: pointer;
      text-decoration: none;
      color: black;
      font-family: 'Amatic SC';
      text-align: center;
      letter-spacing: 0.15rem;
      font-weight: 700;
      text-shadow: 0px 1px, 1px 0px, 1px 1px;
          display: block;
    margin: 0 auto;
    }
    .align-center{
      display: flex;
      justify-content: center;
      align-items: center;
    }

      .text-wstep{
font-size: 1.5rem;
    line-height: 1;

      }

      .container-column{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .zgarnij-zestaw{
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
        font-size: 6vw; 
        line-height: 1;
      }

      .zobacz-zestaw-button{
        font-size: 5vw;
      }

      .float-left{
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }

      .display-inline-flex{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: fit-content;
        max-width: 20%;
      }

      .duze-dziesiec{
        font-size: 10vw; 
        color: yellow;
        -webkit-text-stroke: 0.3vw black;
      }
      .najciekawsze-recenzje{
        font-size: 5vw; 
        text-align: center; 
        line-height: 1;
      }
      .produkty-objete-komunikacja{
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
        font-size: 6vw; 
        line-height: 1;
      }
      .znajdziesz-tu-button{
        font-size: 5vw;
      }
      .text-komunikacja-marki{
        font-size: 1.5rem;
        line-height: 1;
      }
      .aby-wziac-udzial{
        font-size: 10vw; 
        line-height: 1;
        margin-bottom: 0;
        font-weight: 600;
      }
      .lista{
font-size: 2.5rem;
        font-weight: 600; 
        line-height: 1; 
      }
      .gdzie-znajdziesz-produkty{
        font-size: 6vw; 
        line-height: 1;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
      }
      .sprawdz-button{
        font-size: 5.5vw; 
      }
      .formularz-zgloszenia{
        font-size: 8vw; 
        font-weight: 600;
      }
      

   
      .zglaszam-udzial-button{
        font-size: 6vw;
        padding-inline: 10%; 
        padding-block: 1%;
        line-height: 1;
      }
      .x{
        font-size: 7vw;
      }
      .x-link{
        text-decoration: none;
        color: black;
      }
      .pola-obowiazkowe{
        font-size: 2.25vw; 
        line-height: 1;
        margin-top: 1%;
      }
      .nazwa-uzytkownika{
        font-size: 4.5vw; 
        line-height: 1;
        margin: 0; 
        text-align: center;
        font-weight: 600;
      }
      .jak-to-zrobic-button{
        font-size: 5vw;
        margin-right: -50%;
        margin-top: -12%;
      }
      .data{
        text-align: center;
        font-size: 7vw; 
        line-height: 1;
      }
      .podpis-opinii{
        margin: 0;
        font-size: 4.5vw;
      }
      .kolejne-opinie{
        font-size: 8vw; 
        line-height: 1;
        font-weight: 600;
      }
      .poznaj-tez{
        position: absolute; 
        top: 2%; 
        left: 1%; 
        font-size: 10vw; 
        line-height: .5;
        text-align: center;
      }
      .mleko-bez-laktozy{
        font-size: 8vw; 
        float: left; 
        line-height: .5;
      }
      .mleko-pasteryzowane{
        font-size: 10vw; 
        float: left; 
        line-height: .5;
      }
      .mleko-eksportowe{
        font-size: 10vw; 
        float: right;
      }
      .nasze-smietanki{
        font-size: 10vw; 
        float: left;
      }
      .maslanka-kefir{
        font-size: 10vw; 
        float: left;
      }
      .nasze-masla{
        font-size: 10vw; 
        float: left;
      }
      .sery-twarogowe{
        font-size: 10vw; 
        float: left;
      }
      .pytania-odpowiedz-button{
        font-size: 6vw; 
        padding-right: 5%;
      }
      .wszystko-o-konkursie{
        font-size: 6vw; 
        line-height: 1;
        text-shadow: none;
      }
      .curved-arrow{
        width: 40%;
        height: auto;
      }
      .zobacz-rowniez{
        font-size: 10vw; 
        float: left;
  font-weight: 700;
        margin-bottom: 7%;
      }
      .badz-na-biezaco{
        font-size: 6vw; 
        line-height: 1;
        margin-bottom: 8%;
      }
      .dolacz-do-stada{
        font-size: 5vw; 
        line-height: 1;
        float: right;
      }
      .organizatorem-jest{
        font-size: 2.5vw; 
        line-height: 1;
        text-align: center;
      }
      .organizator{
        font-size: 5vw;
        line-height: 1;
        text-align: center;
      }
      .wykorzystujac-paragon{
        font-size: 1.5rem;

        text-align: center;
        line-height: 1;
      }
      .kazdy-prezent{
        font-size: 5vw;
        text-align: center;
        line-height: 1;
        text-shadow: none;
      }
      .biorac-udzial{
        font-size: 1.5rem;
        text-align: center;
        line-height: 1;
      }
      .nagrody-w-programie{
        font-size: 2.5vw; 
        line-height: 1;
        text-shadow: none;
      }
      .inne{
        margin-top: -3%;
        padding-inline-start: 0 !important;
      }
      .nagrody-w-konkursie{
        font-size: 2.5vw; 
        line-height: 1;
        text-shadow: none;
      }
     
      .file-description{
        font-size: 2vw;
        color: black;
      }

      @media(min-width: 1024px){
        .text-wstep{
          font-size: 2.5rem; 
          line-height: 1;
        }
        .zgarnij-zestaw{
          font-size: 3.5rem;
          line-height: 1;
        }
        .zobacz-zestaw-button{
          font-size: 2.5rem;
        }
        .mniejszy-margin-top{
          margin-top: 5%;
        }
        .duze-dziesiec{
          font-size: 6rem; 
        }
        .najciekawsze-recenzje{
          font-size: 2.5rem; 
          line-height: 1;
        }
        .produkty-objete-komunikacja{
          font-size: 3.5rem; 
          line-height: 1;
          text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
        }
        .znajdziesz-tu-button{
          font-size: 2.5rem;
        }
        .text-komunikacja-marki{
          font-size: 2rem; 
          line-height: 1;
        }
        .aby-wziac-udzial{
          font-size: 6rem; 
          line-height: 1;
        }
        .lista{
          font-size: 2.5rem; 
          line-height: 1; 
          padding-inline-start: 5%;
        }
        .gdzie-znajdziesz-produkty{
          font-size: 2.5rem; 
          line-height: 1
        }
        .sprawdz-button{
          font-size: 3rem; 
        }
        .formularz-zgloszenia{
          font-size: 5rem; 
          line-height: 1;
          margin-bottom: 3%;
        }
     
        .zglaszam-udzial-button{
          font-size: 3rem;
          padding-inline: 3%; 
          line-height: 1;
        }
        .pola-obowiazkowe{
          font-size: 1.5rem; 
          line-height: 1;
          margin-top: 1%;
        }
        .jak-to-zrobic-button{
          font-size: 3.5rem;
          margin-right: -50%;
          margin-top: -12%;
        }
        .data{
          font-size: 5rem; 
          line-height: 1;
        }
        .podpis-opinii{
          margin-bottom: -1%;
          font-size: 2.5rem;
        }
        .number-button{
          font-size: 2.5rem;
        }
        .kolejne-opinie{
          font-size: 5.5rem; 
          line-height: 1;
        }
        .poznaj-tez{
          font-size: 6rem; 
          line-height: .5;
          text-align: center;
        }
        .mleko-bez-laktozy{
          font-size: 6rem; 
          float: left; 
          line-height: .5;
        }
        .mleko-pasteryzowane{
          font-size: 6rem; 
          float: left; 
          line-height: .5;
        }
        .mleko-eksportowe{
          font-size: 6rem; 
          float: right;
        }
        .nasze-smietanki{
          font-size: 6rem; 
          float: left;
        }
        .maslanka-kefir{
          font-size: 6rem; 
          float: left;
        }
        .nasze-masla{
          font-size: 6rem; 
          float: left;
        }
        .sery-twarogowe{
          font-size: 6rem; 
          float: left;
        }
        .pytania-odpowiedz-button{
          font-size: 3rem; 
        }
        .wszystko-o-konkursie{
          font-size: 2.5rem; 
          line-height: 1;
        }
        .curved-arrow{
          width: 50%;
          height: auto;
        }
        .zobacz-rowniez{
          font-size: 6rem; 
          float: left;
          font-weight: lighter;
          margin-bottom: 7%;
        }
        .badz-na-biezaco{
          font-size: 4rem; 
          line-height: 1;
        }
        .dolacz-do-stada{
          font-size: 3rem; 
          line-height: 1;
          float: right;
        }
        .organizatorem-jest{
          font-size: 1.5rem; 
          line-height: 1;
          text-align: center;
        }
        .organizator{
          font-size: 2.5rem;
          line-height: 1;
          text-align: center;
        }
        .wykorzystujac-paragon{
          font-size: 2.5rem; 
          text-align: center;
          line-height: 1;
        }
        .kazdy-prezent{
          font-size: 3rem;
          text-align: center;
          line-height: 1;
        }
        .biorac-udzial{
          font-size: 2.5rem; 
          text-align: center;
          line-height: 1;
        }
        .nagrody-w-programie{
          font-size: 1.5rem; 
          line-height: 1;
        }
        .nagrody-w-konkursie{
          font-size: 1.5rem; 
          line-height: 1;
        }

        .file-description{
          font-size: 1rem;
        }
        .x{
          font-size: 4rem;
        }
        .nazwa-uzytkownika{
          font-size: 3.15rem; 
          line-height: 1;
          margin: 0; 
          text-align: center;
        }
        .opiniatextarea{
          font-size: 2rem;
        }
      }