.lista {
          text-align: left;
          list-style-type: none;
          padding: 0;
          font-weight: 900;
          font-family: 'Amatic SC';
          list-style: disc;
          margin-top: 20px;
          text-shadow: 1px 1px 2px black;
      }
      .lista li{
        font-size: 24px;
      }
      .one-li-list{
        flex-direction: row;
        text-align: center;
          font-weight: 900;
          padding: 0;
          font-family: 'Amatic SC';
          width: 100%;
          text-shadow: 1px 1px 2px black;
      }
      .image-list div h2,
      .one-li-list div h2,
      .list-image div h2{
        font-size: 50px;
      }
      .one-li-list ul{
        font-size: 28px;
      }
      .one-li-list ul, .list-image ul, .image-list ul{
          list-style: none;
          padding-left: 0;
      }
      .one-li-list ul li, .list-image ul li, .image-list ul li{
        display: flex;
        align-items: center; 
        gap: 8px;       
        margin-bottom: 8px; 
    }
    .one-li-list ul li::before, .list-image ul li::before, .image-list ul li::before{
      content: "•";
      font-size: 1.2em;  
      color: #333;  
  }
      .list-image ul li, .image-list ul li{
        font-size: 18px;
      }
      .one-li-list ul li{
        margin-top: 50%;
        align-self: center;
        text-align: left;
      }
      .one-li-list ul{
        width: 70%;
      }
      .list-image{
        width: 100%;
      }
      .list-image ul{
        padding: 20px;
      }
      .image-list{
        width: 100%;
      }
      .image-list img,.list-image img, .one-li-list img{
        width: 75%;
      }
      .image-list ul{
        margin-top: 15%;
      }
      .list-image ul{

      }
      .konkurs img{
        width: 60%;
        float: left;
      }
      .list-image.lista{
        text-align: right;
      }
      .lista li:nth-child(1) {
          transform: rotate(-10deg);
      }

      .lista li:nth-child(2) {
          transform: rotate(-8deg);
      }

      .lista li:nth-child(3) {
          transform: rotate(-4deg);
      }

      .lista li:nth-child(4) {
          transform: rotate(-3deg);
      }

      .lista li:nth-child(5) {
          transform: rotate(-1deg);
      }

      .lista li:nth-child(6) {
          transform: rotate(2deg);
      }

      .lista li:nth-child(7) {
          transform: rotate(4deg);
      }
      .konkurs-text{
          font-family: "Bangers", system-ui;
          font-weight: 400;
          font-style: normal;
        color: yellow;
        font-size: 38px;
        text-shadow:
        3px 3px 0 #000,
        -3px 3px 0 #000,
        -3px -3px 0 #000,
        3px -3px 0 #000;
      }
      .list-image ul li{
 direction: rtl;
      }
      .lista{
        font-size: xx-large;
      }
      .splash-text{
        align-self: flex-start;
        font-family: 'Amatic SC';
        width: 200px;
        height: 200px;
        flex-direction: row;
        background-image: url('/dist/img/front/6/splash-maly.webp');
        background-size:100%;
        background-repeat: no-repeat;
        background-position: left;
        display: flex;
        align-items: center;
        justify-content: flex-start; 
        position: relative;
        text-align: center;
        margin-left: -30px;
      }
      .splash-text h2{
        line-height: 36px;
        margin-top: 50px;
        margin-left: 50px;
        font-size: 32px;
      }
      .splash-text-zielony{
        font-family: 'Amatic SC';
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        flex-direction: row;
        background-image: url('/dist/img/front/6/splash-zielony.webp');
        background-size:contain;
        background-repeat: no-repeat;
        background-position: left;
        display: flex;
        align-items: center;
        justify-content: flex-start; 
        position: relative;
        text-align: left;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3)
      }
      .splash-text-zielony h2{
        width: 60%;

      }
      .splash-text-zielony img{
        width: 30%;
      }
    
      .offer-container{
        background-image: url('/dist/img/front/6/splash3.webp');
        background-size: auto;
        background-repeat: round;
        width: 90%;
        display: flex;
        flex-direction: column;
      
      }
      .offer-container img{
        position: absolute;
        z-index: -1;
      }
      .offer-container a{
          text-decoration: none;
          color:black;   
      }
      .oferta-przycisk{
        font-family: 'Amatic SC';
        background-color: yellow;
        text-align: center;
        border: 4px solid black;
        border-radius: 10px;
        text-decoration: none;
        width: 50%;
        font-size: 40px;
        margin: 20px;
        font-weight: 700;
        text-shadow: 1px 1px 1px black;
        font-weight: bold;
      }
      .koperta-img{
        width: 35%;
        height: auto;
        float: right;
      }
    
      .btn{
        background-color: yellow;
        font-family: 'Amatic SC';
font-size: 5vw;
    line-height: 1;
        width: 30%;
        float: right;
        border-radius: 20px;
        font-weight: 600;
        text-shadow: 1px 1px 2px black;
        border: none;
        letter-spacing: 0.15rem;
            padding-inline: 3.5%
      }
      .text-underbtn{
        width: 35%;
        float: right;
        font-weight: bold;
        align-self: flex-end;
        font-size: 14px;
        margin-left: 40px;
      }

      .realizacja{
        display: flex;
        width: 50%;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
        text-align:center;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
      }
      .realizacja img{
        width: 30%;
        float: right;
      }
      .zobaczZal{
        display: flex;
        width: 40%;
        margin: 0 auto;
        align-items: center;
        justify-content: flex-start;
        text-align:center;
        float: left;
      }
      .form-header{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
      .two-images img{
        max-height:100px ;
      }
      a[href='prezent.html']{
        text-decoration: none;
      }
      .splash-text img{
        height: 70px;
        width: auto;
        margin-top: 10px;
      }
      .list-image .lista li:nth-child(7) {
          transform: rotate(-10deg);
      }

      .list-image .lista li:nth-child(6) {
          transform: rotate(-8deg);
      }

      .list-image .lista li:nth-child(5) {
          transform: rotate(-4deg);
      }

      .list-image .lista li:nth-child(4) {
          transform: rotate(-3deg);
      }

      .list-image .lista li:nth-child(3) {
          transform: rotate(-1deg);
      }

      .list-image .lista li:nth-child(2) {
          transform: rotate(2deg);
      }

      .list-image .lista li:nth-child(1) {
          transform: rotate(4deg);
      }
      .btn{
        cursor: pointer;
      }
      .text-logo{
        text-align: center;
        font-size: 150%;
      }
      .text-logo img{
        min-height: 150px;
      }

body {
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.image-text h2{
  font-size: 30px;
}

.produkty-objete-kom{
    display: flex;
  width: 90%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  
}
h3{
        font-size: 1.5rem; 
  line-height: 1;
}
.produkty-objete-kom h3{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    line-height: 30px;
    text-align: center;
    font-size: 6vw;
    color: white;
    width: 40%;
} 
.produkty-objete-kom .btn{
    font-size: 28px;
    font-weight: 900;
    width: 100%;
}
.produkty-objete-kom img{
    width: 20%;
    max-height: 30px;
}
.list, .one-li-list, .list-image{
  text-align: center;
}
.list-image ul{
  display: inline-block;
  text-align: right;
}
.list div h2,
.one-li-list div h2,
.list-image div h2,
.image-list div h2{
  text-shadow: none;
  margin-bottom: -2px;
}

.images-block{
  display: flex;
  justify-content: center;
  margin-top: 5%;
  gap:40px;
}
.images-block img{

   width: 25%;

}
.zobaczZal img{
  width: 100%;
  
}
.two-men{
  width: 700px;
  align-self: center;
}
.oferta-przycisk{
  width: 90%;
}

.image-text h4{
  float: right; 
  font-size: 25px;
  width: 45%;
}
.times-2 h2{
  font-size: 30px; 
  font-weight: 300;
}
.lista ul li{
  padding-top: 10px;
}
.zobacz-rowniez{
  font-family: 'Amatic SC';
  font-weight: bolder; 
  font-size: 70px; 
  text-align: left;
  align-self: flex-start;
}
footer{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  overflow-y: hidden;
  overflow-x: hidden;
  max-width: 1024px;
  margin: 0 auto;
  align-self: center;
  bottom: 0;
}
main{
  flex: 1;
}
.wsparcie{
  font-size: xx-large; font-weight: 700; text-align: center; padding: 20px; text-shadow: none; line-height: 40px;
}
.produkty{
  width: 80%;
  align-self: center;
}
.produkty img{
  width: 80%;
  margin-left: 40px;
}
.konkurs .opinia{
  width: 65%; float: right;
}
.konkurs h2{

}
.konkurs h2:not(.konkurs-zwykly){
  font-size: 38px;
}
.submit-btn{
    background-color: yellow;
    font-family: 'Amatic SC';
    font-size: x-large;
    width: 70%;
    border-radius: 20px;
    font-weight: 900;
    text-shadow: 1px 1px 1px black;
    border: none;
    max-height: 40px;
}
.submit-btn-container{
    display: flex;
    align-items:center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.submit-btn-container p{
    font-weight: 700;
    font-size: 14px;
}

.konkurs-zwykly{
  font-family: "Amatic SC";
  color: white;
  font-size: 23px;
  line-height: 30px;
  text-shadow: 0px 0px 4px black !important;
}
.lista-produkty-obj{
  align-self: flex-start;
  font-size: 22px;
  text-align: left;
  font-family: 'Andika'; 
  font-weight: 800;
}
.stay-with-us{
    font-size: 6vw !important;
  line-height: 30px;
  text-shadow: none;
  text-align: left; 
    font-weight: bold
  margin-bottom:-25px ;
  height: 100px;
}
.content{
  overflow: hidden;
}
.image-list{
  margin-bottom: -60px;
}
.list-image{

}
.one-li-list{
  margin-bottom: -60px;
}
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.organizator{
  line-height: 26px;
  gap:100px;
  margin-top: 50px;
  text-align: center;
}
.organizator p{
  margin-top: -30px;
  line-height: 16px;
}
.organizator h4{
  font-weight: 400;
  font-size: 26px;
  
}
.absolute-img{
  position: absolute;
}
.program{
  color:rgb(255, 255, 255); margin-top: -50px; font-size: 30px;
}
@media(min-width: 1024px){
  body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .content{
    overflow: hidden;
  }

  .zobaczZal img{
    width: 70%;
  }
  .realizacja img{
    width: 20%;
  }
  .realizacja{
    font-size: 20px;
  }
  label[for=agree]{
    font-size: 20px;
  }
  .lista li{
    font-size: 30px;
  }
  .one-li-list ul li{
    font-size: 30px;
  }
  .image-text h4{
    font-size: 40px;
  }
  .times-2 h2{
    font-size: 60px; 
  }
  .splash-text, .splash-text-zielony{
    text-align: left;
    background-size: contain !important;
    width: 100% !important;
  }
  .splash-text-zielony img{
    width: 15%;
  }
  .splash-text h2,.splash-text-zielony h2{
    font-size: 60px !important;
    margin-left:50px ;
    line-height: 60px;
    width: 100%;
  }
  .absolute-img{
    position: relative;
    max-width: 50%;
  }
  .one-li-list ul li{
    margin-top: 20%;
  }
  .one-li-list{
    margin-left: 20%;
  }
  main{
    flex: 1;
  }
  .wsparcie{
    font-size: 40px;
  }
  .buyer-h3{
    font-size: 45px;
  }
  .list-image ul, .image-list ul{
    margin-top: 10%;
  }
  .konkurs img{
    width: 70%;
  }
  .konkurs .opinia{
    width: 50%;

  }
  .konkurs h2:not(.konkurs-zwykly){
    font-size: 50px;
  }
  .konkurs .zrob-prezent{
    width: 50%;
  }
  .produkty-objete-kom img{
    max-height: 80px;
    margin-left: -50px;
  }
  .produkty-objete-kom h3{
    font-size: 46px;
    line-height: 50px;
  }
  .produkty-objete-kom a{
    width: 30%;
  }
  .koperta-img{
    width: 25%;
  }
  .konkurs-zwykly{
    font-size: 36px;
    line-height: 36px;
  }
  .lista-produkty-obj{
    font-size: 26px;
  }
  .stay-with-us{
    font-size: 45px !important;
    line-height: 45px;
  }
  .image-list{
    margin-bottom: -40px;
  }
  .list-image{
    margin-top: -40px;
  }
  .submit-btn{
    font-size: 50px;
    width: 50%;
    max-height: 60px;
  }
  .konkurs{
    text-align: left;
    align-self: flex-start;
  }
  .konkurs .opinia{
    margin-left: 0;
    margin-right: 60px;
  }
  .program{
    font-size: 46px !important;
    color:rgb(255, 255, 255);
  }
}