/*Linkowanie zewnętrzne*/

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v284/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

/*position*/
.small_margin_down{
  margin-bottom: 30px;
}
.small_padding_down{
  padding: 0 0 20px 0;
}

.small_padding_up{
  padding: 50px 0 0 0;
}

/*Czcionki*/

.header_central_main{
  font-size: 1.8rem; 
  font-weight: 700;
  width: 100%; 
  display: flex; 
  justify-content: center;
  margin: 1rem 0 0 0;
}



.header_central{
  font-size: 1.5rem; 
  font-weight: 700;
  width: 100%; 
  display: flex; 
  justify-content: center;
}


/*text*/
.normal_text_window{
font-size: 1.4rem; 
padding: 1rem;
}
.big_text_window{
  width: 800px; 
  display: flex; 
  justify-content: center;
  font-size: 1.4rem; 
 
}


/*List*/

.lightning_ul{
  width: 350px;
  list-style: none; 
  justify-self: flex-start;
  font-size: 1.4rem;
  
}

/*Obrazki*/
.ytvideo{  
    padding: 20px;
    background: linear-gradient(135deg, #0098A1, #96BE0D, #FFFFFF);
    border-radius: 12px;
    width: 75%;
    box-sizing: border-box;
    margin: 20px auto; 
    display: block; 
}

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


.crop{
  height: 320px;
  overflow: hidden;
}

.normal_img_window{
    max-width: 390px ; 
    min-width:300px ; 
    padding: 1.5rem 0;
}

.full_img{
width: 100%;
}


/*Okna*/
.baner{
  width: 100%; 
  height: 25%;
}

.full_window{
    width: 100%; 
    display: flex; 
    justify-content: center;  
    flex-wrap: wrap;
}

/*obramowanie*/
.color{
   display: flex; 
    justify-content: center;  
    flex-wrap: wrap;
    background: linear-gradient(135deg, #0098A1, #96BE0D, #FFFFFF);
    border-radius: 12px;
}

/*mediaquery*/

@media (max-width: 600px) {
    .normal_text_window {
        font-size: 1.2rem; /* zmniejszamy czcionkę na telefonie */
        max-width: 100%; /* pełna szerokość ekranu */
        padding: 0.5rem;
        margin-top: 10px;
    }

    .full_img {
        width: 100%; /* obrazek dopasowany do szerokości ekranu */
        height: auto;
    }
}


@media (min-width: 601px) {
    .normal_text_window {
        width: 450px; /* stała szerokość na dużych ekranach */
    }
}