/* MEDIA QUERY DLA PC */

@media (min-width: 1024px) {

  .contact {
    display: block;
    top: 3vh;
  }
    .btn {

      scale: 1.2;
    }
  
  menu span {

        display: none;
    }
    menu {
      min-height: 60px;
      max-height: 75px;;
      display: flex;
      flex-direction: row;
      text-align: center;
      text-align-last:end;
      width: 100%;
    
  
      
    }
    

    .green-column h1 {

        line-height: 2vh;
        }

    menu h1 {
      
      font-size: calc(8px + 1vw);
      margin-top: 1%;
  
    }
    
    menu span {
    
      margin-top: 1.5%;
      margin-right: 0%;
      font-size: calc(6px + 0.5vw);
    }
  
  
  
  .column {
  
    background-image: url(bgpc.jpg);
    background-attachment: fixed;
  }
  
  
  
    .block-effect {
  
      font-size: calc(34px + 2vw);
    } 
  
    box {
      
      flex-direction: column;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-family: 'Avenir Next';
      
  
  
  }
  
  box h1 {
  
    flex-grow: 70%;
    flex-basis: 60%;
    flex: 1; /* Ustawienie elastyczności kolumn */
    margin: 10px; /* Opcjonalne: ustaw marginesy */
  }
  
  box img {
    display: none;
    flex-grow: 100%;
    flex-basis: 60%;
  }
  
  box .button-63 {
  
    display: none;
  }
  
  box .block-reveal {
  
    display: none !important;
  }
  .green-column {
    display: flex;
    flex-direction: column;
    height: 66vh;
    width: 50%;
    text-align: center;
    justify-content: center; /* Centrowanie w poziomie */
    align-items: center;
    
  }
  
  .blue-column {
    display: flex;
    height: 66vh;
    width: 50%;
    text-align: center;
    flex-basis: 50%;
    
  }
  
  
  .green-column h1 {
  margin-left: auto;
  margin-right: auto;
  /* margin-top: calc(12px + 3vh); */
  font-size: calc(24px + 3vh);
  
    }
  
    .block-effect { 
  
      display: none;
    }
  
    
  .column {
    display: flex;
    flex-basis: 100%;
    flex: 1;
  }
  .column2 {
    display: flex;
    flex-direction: row;
    flex-basis: 120%;
    flex: 1;
  }
  
  #fonek {
  
    margin-left: 0;
    scale: 0.8;
  }
  
  .button-63 {
  
    max-width: 40%;
    text-align: center;
  }
  
  /* Kolejna sekcja  */
  
  
  .content {
  
    background-image: url(bgpc2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
  }
  
  textbox span {
  
    font-size: calc(12px + 0.6vw);
    padding-left: 35vw;
    padding-bottom: 10vh;
  }
  
  
  content img {
  
    width: 55%;
    max-width: 900px;
  }
  
  
  /* Sekcja wybieram */
  
  .arrow {
    z-index: 2;
    max-width: 25px;
    flex-basis: 70%;
    font-size: calc(10px + 7vw);
    max-width: 5vw;
   
  }
  
  #left {
  
   left: -10vw;
   
  }
  #right {
    top: 31%;
    right: -10vw;
   }
  
   .active {
  
    width: 22vw;
    max-width: 15vw;
    font-size: calc(14px + 1vw) !important;
   }
  
  
   .glow-button {
  
    border-radius: 60px;
    background-color: rgb(169, 9, 213);
    color: rgb(0, 0, 0);
  
   }
  
  .button-63 {
  
    padding: 29px 24px;
  
  }
  
  
  
  @keyframes active {
    0% {
        margin-left: 1000%
      }
  
      100% {
        margin-left: 0;    
      }
  }
  
  
  #targetElement {
  
    text-align:center !important;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 1.5vh;
  }
  
  .pick {
  
    margin-top: 3vh;
  }
  
  
  
  /* STATYSTYKI */
  
  .statystyki {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .dane {
    display: flex; /* Dodano */
    justify-content: center; /* Centruje elementy poziomo */
    align-items: center; /* Opcjonalnie, dla pionowego wyrównania */
    flex-wrap: nowrap; /* Zapobiega zawijaniu elementów */
    width: 100%;
  }
  
  .stat1, .stat2, .stat3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10% 0 4% 0;
    font-weight: bold;
    flex-direction: column; /* Ustawia elementy wewnątrz pionowo */
    flex-basis: 33.3%;
    padding: 5%;
    color: white;
  }
  
  .dane {
  
    display: flex;
  }
  
  .dane h1 {
  position: relative;
  top: 10%;
  
  }
  
  .stat1 h1, .stat2 h1, .stat3 h1 {
  
    font-size: calc(11px + 1vw);
    flex-direction: row;
  }
  .stat1 span, .stat2 span, .stat3 span {
  
    font-size: calc(7px + 0.7vw);
    flex-direction: row;
  }
  
  .stat1 img, .stat2 img, .stat3 img {
  
    width: 70%;
    
  }
  
  .statystyki {
    background-color: red;
  }
  
  .hajeden {
   
    text-align: center;
    background-image: url(bgc3.jpg);
    color: white;
    font-size: calc(28px + 0.8vw);
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0.302)
  }

  .dane {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; /* Lub wrap, w zależności od potrzeb */
  }
  
  
  .letsdate span {
  
    font-size: calc(18px + 0.3vw) !important;
    width: 50%;
      margin: 0 auto; /* centrowanie */
       /* opcjonalnie: dodatkowe wypełnienie */
  }
  
  .img15pro {
  
    max-width: 30%;
    display: none;
    
  }
  
  
  .soli h1 {
  
    font-size: calc(19px + 1.2vw);
  }
  
  .a2 {
  
    display: block;
    width: 50%;
    margin: 0 auto; /* Ustawienie marginesu na auto */
    padding: 20px; /* Opcjonalne: dodatkowe wypełnienie */
  
  }
  
  
  .endsection h1 {
  
    font-size: calc(21px + 2vw);
    line-height: 15vh;
  }
  
  .endsection span {
  
  
    font-size: calc(11px + 1vw);
  padding: 1% 1% 1% 1%;
  }
  
  .imgurpro {
  
    max-width: 40%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
  }




  




}
  
  
  
  /* Nowy media query dla większych ekranów */
  @media (min-width: 1324px) {
  
  .active {
  
    max-width: 1000p;
  }
  
  
  
  }


   /* Nowy media query dla większych ekranów */
   @media (min-width: 2024px) {
  
    .btn {

      scale: 1.5;
    }
    

    content img {

      scale: 1.5;
    }

    .contact {
      display: block;
      top: 2vh;
    }
  }