#festiwal_main{
    background-color: 
#002746;
    display: flex;

    justify-content: center;
    flex-direction: column;
}
#baner_festiwal{
    text-align: center;
}
#baner_festiwal >*{
    margin: 0;
}
#baner_festiwal h1{
    color: #a4724a;
    font-family: "Poppins", Sans-serif;
    font-size: 4.5em;
    font-weight: 700;
    
}
#baner_festiwal h2{
    font-family: "Poppins", Sans-serif;
}
#modlitwy_adoracji, #podtytul_byc_jak_max{
    font-size: 2.4em;
    font-weight: 500;
    color: #FFE6B0;
}
#tytul_prosta_droga{
    font-size: 5em;
    line-height: 95%;
    font-weight: 800;
}
#zapisy{
    font-size: 3em;
    font-weight: 800;
    text-align: center;
    font-family: "Poppins", Sans-serif;
}
#tytul_prosta_droga span{
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
}
#oraz_zapisy{
    width: 100%;
    text-align: center;
    font-family: "Poppins", Sans-serif;
}
#baner_spotkanieMI{
    text-align: center;
    
}
#baner_spotkanieMI h2{
    font-family: "Poppins", Sans-serif;
    
}
#spotkanie_młodych{
    font-size: 2.7em;
    margin: 0;
}
#Wduchu_mi{
    font-size: 2.7em;
    font-family: "Poppins", Sans-serif;
    margin: 0;
}
#Wduchu_mi span{
    font-size: 1.4em;
    font-family: "Poppins", Sans-serif;
    font-weight: 800;
    /* text-shadow: 3px 2px 5px #82d9df; */
    
}
#festiwal_main hr{
    width: 90%;
}


#opisy_spotkan{
    width: 100%;
    display: flex;
    justify-content: center;
    
    flex-wrap: wrap;

}
#opis_festiwalu, #opis_spotkania_młodych{
    width: 40%;
    margin: 4%;
    min-width: 450px;
    max-width: 600px;
    text-align: justify;
    display: flex;
    flex-direction: column;
    letter-spacing: 1px;
    
}
#opis_festiwalu p strong, #opis_spotkania_młodych p strong{
  text-shadow: 1px 1px 15px #8d8d8d;

}
#opis_festiwalu p, #opis_spotkania_młodych p{
  line-height: 23px;
}
#opis_spotkania_młodych p img{
  width: 5%;
  margin: 2px;
}

#opis_festiwalu h2 span,#opis_spotkania_młodych h2 span{
    color: #DFAA82;
    letter-spacing: 1px;
}
#opis_festiwalu h2,#opis_spotkania_młodych h2{
    text-align: center;
    letter-spacing: 1px;
}
#opis_festiwalu a,#opis_spotkania_młodych a{
   color: #ffffff;
   letter-spacing: 1px;
   background-color: #dfaa8259;
  width: 70%;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  padding-top: 10px;
text-decoration: none;
margin-top: 10px;
border: 1px solid white;
}
#openPlan{
   color: #ffffff;
   letter-spacing: 1px;
   background-color: #dfaa8259;
  width: 50%;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  padding-top: 15px;
text-decoration: none;
margin-top: 50px;
margin-bottom: 50px;
border: 1px solid white;

}

.odnosniki{
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#mapa_festiwal_i_spotkanie{
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;  
    align-items: center;
    align-self: flex-end;
    border: 3px  rgba(245, 245, 220, 0.733);
    border-style: dotted;
    padding-bottom: 40px;
}
#Formularz_zgloszeniowy{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#Formularz_zgloszeniowy h2{
    width: 100%;
    text-align: center;
}
#Formularz_zgloszeniowy iframe{
    margin: auto;
}
#informajce_konto_zgody_zaliczka{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
#informajce_konto_zgody_zaliczka_srodek{
    max-width: 800px;
    letter-spacing: 1px;
    line-height: 1.5;
}

#informajce_konto_zgody_zaliczka_srodek h3{
    
    text-align: center;
    padding: 25px 0 25px;
    margin: 10px 0 0;
    background-color: #02253d;
    box-shadow: 4px 2px 10px #38BDF8;
    border-radius: 20px 20px 0 0;
    
}
#informajce_konto_zgody_zaliczka_srodek>h3:last-of-type{
    
    text-align: center;
    padding: 25px 0 25px;
    margin: 10px 0 0;
    background-color: #02253d;
    box-shadow: 3px 2px 10px #82d9df;
    border-radius: 10px 10px 0 0;
}
#informajce_konto_zgody_zaliczka_srodek h5{
    text-align: center;
    margin: 0;
}
#informajce_konto_zgody_zaliczka_srodek p{
    text-align: center;
    margin-top: 0;
    padding: 15px 0;
    border-radius: 0px 0px 10px 10px;
    background-color: #001920;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
#informajce_konto_zgody_zaliczka_srodek p span{
  color: rgba(255, 0, 0, 0.747);
  
}
#biger_zapisy{
  font-size: larger;
  
}
.kolor_numer_telefonu{
  color: white !important;
}
#lista_co_zrobic{
    margin-top: 0;
    padding: 15px 0;
    border-radius: 0px 0px 10px 10px;
    background-color: #001920;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
#informajce_konto_zgody_zaliczka_srodek ol{
    margin: 15px auto;
}

#informajce_konto_zgody_zaliczka_srodek li{
    margin: 15px auto;
}
.linki_email{
  color: rgb(0, 195, 255);
}
#kontakt_organizator_wyjazdu{
  line-height: 28px;
  margin: 0;
}


/* OKIENKO PLAN SPOTKANIA */
.popup{
display:none;
position:fixed;
z-index:999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
justify-content:center;
align-items:center;
}

.popup-content{
background:#7a9299;
padding:30px;
border-radius:10px;
max-width:600px;
width:95%;
position:relative;
}

.closePopup{
position:absolute;
top:10px;
right:15px;
font-size:28px;
cursor:pointer;
}
/* STRZAŁKA */
.scroll-arrow{
  
display:none;
text-align:center;
font-size:40px;
margin-top:20px;
animation: floatArrow 1.9s infinite;
color:white;
}

@keyframes floatArrow{
0%{transform:translateY(0);}
50%{transform:translateY(10px);}
100%{transform:translateY(0);}
}
@media (max-width:900px){

.scroll-arrow{
display:block;
}

}

.account-number {
    display: inline; 
    text-shadow: 1px 1px 15px #504b4b;
}
/* responsywność */

@media (max-width: 900px) {

  /* banery – mniejsze fonty */
  #baner_festiwal h1{
    font-size: 3.2em;
  }
  #tytul_prosta_droga{
    font-size: 3.6em;
    line-height: 1.05;
  }
  #modlitwy_adoracji,
  #podtytul_byc_jak_max{
    font-size: 1.9em;
  }
  #zapisy{
    font-size: 2.2em;
  }
  #spotkanie_młodych,
  #Wduchu_mi{
    font-size: 2.1em;
  }
  #opis_festiwalu a,#opis_spotkania_młodych a{
    width: 87%;
  }
  /* opisy – zamiast 2 kolumn robi się 1 kolumna wcześniej (żeby nie było ścisku) */
  #opisy_spotkan{
    flex-direction: column;
    align-items: center;
  }

  /* najważniejsze: wyłącz min-width 450px, bo psuje mobile */
  #opis_festiwalu,
  #opis_spotkania_młodych{
    min-width: 0;
    width: 92%;
    max-width: 650px;
    margin: 20px 0;
  }

  /* mapy – zamiast sztywnego 400px dopasuj do ekranu */
  #mapa_festiwal_i_spotkanie iframe{
    width: 100% !important;
    max-width: 650px;
    height: 320px !important;
    padding: 10px;
  }

  /* formularz – zostaje 100%, ale ograniczamy szerokość żeby wyglądało dobrze */
  #Formularz_zgloszeniowy iframe{
    width: 100% !important;
    max-width: 900px;
  }
}
@media (max-width: 820px) {

#informajce_konto_zgody_zaliczka_srodek{
   width: 98%;
    letter-spacing: 1px;
    line-height: 1.5;
}
.linki_email{
  overflow-wrap: anywhere;
}
ul{
  padding: 0;
  list-style-position: inside;
}
.account-number {
        display: block; /* wymusza przeniesienie numeru do nowej linii */
    }
}


/* TELEFON */
@media (max-width: 600px) {

  /* jeszcze mniejsze fonty w banerze */
  #baner_festiwal h1{
    font-size: 2.4em;
  }
  #tytul_prosta_droga{
    font-size: 2.7em;
    line-height: 1.08;
  }
  #modlitwy_adoracji,
  #podtytul_byc_jak_max{
    font-size: 1.35em;
  }
  #zapisy{
    font-size: 1.8em;
  }
  #spotkanie_młodych,
  #Wduchu_mi{
    font-size: 1.6em;
  }
  #Wduchu_mi span{
    font-size: 1.2em;
  }

  /* opisy – pełna szerokość na telefonie */
  #opis_festiwalu,
  #opis_spotkania_młodych{
    width: 94%;
    max-width: 520px;
    margin: 16px 0;
  }

  /* mapy – niższe na telefonie */
  #mapa_festiwal_i_spotkanie iframe{
    width: 100% !important;
    max-width: 520px;
    height: 260px !important;
  }

  /* formularz – trochę niższy (opcjonalnie) */
  #Formularz_zgloszeniowy iframe{
    width: 100% !important;
    height: 720px;
  }
}

/* =========================
   BARDZO MAŁE TELEFONY (410px i mniej)
   ========================= */

@media (max-width: 410px) {

  /* Baner – mocniejsze zmniejszenie */
  #baner_festiwal h1{
    font-size: 1.9em;
  }

  #tytul_prosta_droga{
    font-size: 2.1em;
    line-height: 1.1;
  }

  #modlitwy_adoracji,
  #podtytul_byc_jak_max{
    font-size: 1.1em;
  }

  #zapisy{
    font-size: 1.6em;
  }

  #spotkanie_młodych,
  #Wduchu_mi{
    font-size: 1.4em;
  }

  #Wduchu_mi span{
    font-size: 1.1em;
  }

  /* Opisy – pełna szerokość */
  #opis_festiwalu,
  #opis_spotkania_młodych{
    width: 96%;
    margin: 14px 0;
  }
  #opis_festiwalu h2,
  #opis_spotkania_młodych h2{
    font-size: 120%;
  }

  /* Mapy – niższe */
  #mapa_festiwal_i_spotkanie iframe{
    height: 220px !important;
  }

  /* Formularz – trochę niższy */
  #Formularz_zgloszeniowy iframe{
    height: 650px;
  }

}
/* MAŁE TELEFONY */
@media (max-width: 360px) {

      #opis_festiwalu h2,
  #opis_spotkania_młodych h2{
    font-size: 110%;
  }
  #baner_festiwal h1{ font-size: 1.8em; }
  #tytul_prosta_droga{ font-size: 2em; }
  #modlitwy_adoracji,
  #podtytul_byc_jak_max{ font-size: 1.0em; }
}