@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body { /* background: #FFF ; ;*/  font-family: 'Montserrat', sans-serif;     font-size:15px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;    }

b, strong {
    font-weight: 600;
}

.tytulowa {
    font-size: 1.9em;
    font-weight: 600; 
  }
  
  .ozdobna {
  font-family: "Anton", sans-serif;
    font-size: 4.0em;
    font-weight: 600; 
    letter-spacing: 0.2rem;
  }
  
 /*  ŁAMANIE LINII DLA KLAWISZY BOOTSTRAP 3 ........................................................................................................... */ 
  .btn, .btn-wrap {
  white-space: normal;
}
  
/*  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); 
14pxjest minimalny rozmiar przy najmniejszej szerokości rzutni 300pxi gdzie 26pxjest maksymalny rozmiar przy największej szerokości rzutni 1600px
*/


/* ➤ Styl tooltipa - przymusowe nadpisanie Bootstrapa */
body > .tooltip.in > .tooltip-inner {
    max-width: 450px !important;
    padding: 18px 20px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: left !important;
    background: #1f1f1f !important;
    color: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.35) !important;
    word-wrap: break-word;    /* stara metoda, działa w większości przeglądarek */
  overflow-wrap: break-word; /* nowoczesna metoda */
  white-space: normal;       /* pozwala zawijać linie */
}

span.przypis {
  position: relative;
  cursor: help;
}
span.przypis::after {
  content: attr(title);
  position: absolute;
  left: 100%;
  top: 0;
  background: #333;
  color: #fff;
  padding: 10px;
  min-width: 300px;
  max-width: 300px;
  text-align: left;
  white-space: pre-wrap;
  display: none;
  z-index: 1000;
  font-seze: 110%;
}
span.przypis:hover::after {
  display: block;
}

/* PDF Modal */
#pdfModal .modal-dialog {
  width: 90%;
  max-width: 1000px;
  margin: 20px auto;
  height: 90vh;              /* KLUCZOWE */
}

#pdfModal .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#pdfModal .modal-body {
  flex: 1 1 auto;
  padding: 0;
  overflow: hidden;         /* iframe ma wypełniać całość */
}

#pdf-viewer {
  width: 100%;
  height: 100%;
  border: none;
}

/* Nadpisanie Bootstrapa dla modala PDF */
#pdfModal.modal {
    top: 30px;     /* odległość od góry ekranu */
    bottom: auto;  /* wyłącza wymuszanie dolnego marginesu */
}



.pull-right { padding-left: 30px; padding-right: 0px; padding-top:6px; padding-bottom:6px; }
.pull-left { padding-left: 0; padding-right: 30px; padding-top:6px; padding-bottom:6px;  }

@media (max-width: 767px) { 
.pull-right {height:auto; padding-left: 0px;  padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; }
.pull-left {height:auto; padding-left: 0px; padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; } 
.foto3 { max-height: none;  }
}


/*  POLONIA GLOBAL NETWORK - KARUZELA DLA WYBITNYCH POLAKÓW   ........................................................................................................... */
.wiadomosc-box {
    background: transparent;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    min-height: 190px;
}

.carousel-control {
    width: 5%;
}

/*  VIDEO - BANER  ........................................................................................................... */
#landing {   } 
#landing h2 {  font-weight: 300; text-transform: uppercase; }
#landing h3 {  font-weight: 300; text-transform: uppercase; }
#landing h4 {  font-weight: 300; }
#landing h5 {  font-weight: 300;  }
#landing>footer h5 {  font-weight: 300;  }
#background-land { position: fixed; top: 50% ; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;
    z-index: -100;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);
    /*  background: url(polina.jpg) no-repeat;  */  background-size: cover; }

#background-baner  { position: fixed; top: 0px; left: 50%; min-width: 100%;  width: auto; height: auto;
    z-index: -100;  -webkit-transform: translateX(-50%) translateY(-5%);  transform: translateX(-50%) translateY(-0%);
    /*  background: url(polina.jpg) no-repeat;  */  }

#video {color:#FFF; }
#video h2 { font-size: 250%; font-weight: 600; }
#video .fa {color:#FFF; margin-right:20px; }
.overlay-landing { width: 100%; height: 100%; background: rgba(0, 51, 102, 0.7);   } 
.overlay-landing2 { width: 100%; height: 100%; background: rgba(0,0,0, 0.3);   } 
.overlay-sepia { width: 100%; height: 100%; background: rgba(88,62,26, 0.7);   } 
/*  END VIDEO - BANER  ........................................................................................................... */


/* KARUZELA DLA WIADOMOSCI  I OBRAZOW
.news-track - wiadomosci
.news-track-foto - obrazy
 .news-item - wiadomosci
  .news-item-foto - obrazy
*/

#news-carousel {
    position: relative;
    overflow: visible;
    padding: 15px 0;
}
.carousel-viewport {
    overflow: hidden;
    width: 100%;
}
.news-track {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease;
    will-change: transform;
}
.news-track-foto {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease;
    will-change: transform;
    padding-right: 10px; /* lub itemWidth */
}
.news-item {
    box-sizing: border-box;
    padding: 0 10px;
    flex-shrink: 0;
}
.news-item-foto {
    box-sizing: border-box;
    padding: 0 10px;
    flex-shrink: 0;
}

/* Desktop - wiadomosci */
@media (min-width: 992px) {
    .news-item { width: calc(100% / 6); }
}
/* Desktop - obrazki po 350px */
@media (min-width: 992px) {
    .news-item-foto { width: 350px; }
}
/* Tablet - 50% szerokości kontenera */
@media (min-width: 768px) and (max-width: 991px) {
    .news-item-foto { width: 50%; }
}
/* Mobile - 100% */
@media (max-width: 767px) {
    .news-item-foto { width: 100%; }
}
/* Tablet - 2 elementy */
@media (min-width: 768px) and (max-width: 991px) {
    .news-item { width: 50%; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .news-item-foto { width: 50%; }
}

/* Mobile XS - 1 element */
@media (max-width: 767px) {
    .news-item { width: 100%; }
}
@media (max-width: 767px) {
    .news-item-foto { width: 100%; }
}

/* STRZAŁKI KARUZELI */
.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    cursor: pointer;
    font-size: 32px;
    color: #333;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    transition: background 0.3s;
}
.carousel-nav:hover {
    background: rgba(255,255,255,0.6);
}
/* Desktop – strzałki zdecydowanie na zewnątrz */
@media (min-width: 992px) {
    .carousel-nav.left { left: -70px; }
    .carousel-nav.right { right: -70px; }
}
/* Tablet/Mobile – strzałki bliżej kart */
@media (max-width: 991px) {
    .carousel-nav {
        font-size: 24px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .carousel-nav.left { left: 5px; }
    .carousel-nav.right { right: 5px; }
}
/* WIADOMOŚCI */
.news-item img { width: 100%; height: auto; display: block; margin-bottom: 10px; }
.news-item h4 { margin: 0; font-size: 12px; }
.news-item h3 { margin: 5px 0; font-size: 14px; }
.news-item p { margin: 0; font-size: 12px; }

/* obrazki */
.news-item-foto img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    padding: 2px;
    margin: 2px;
    display: block;
}


/* ---------------   KONIEC KARUZELA WIADOMOSCI  ------------ */



/* ---------------  GLOBAL NETWORK DLA ZDJĘĆ ILUSTRUJĄCYCH KRAJ  ------------ */
#rowbliskografika .col-md-3{
    padding-right: 5px;
    padding-left: 5px;
}


/*  OKNO MODALNE  ----*/
/* Podstawowy styl modalnego okna */
.modal-dialog {
    position: relative;
    top: 30%;
    transform: translateY(-30%);
    max-width: 900px;       /* maksymalna szerokość na dużych ekranach */
    width: 90%;             /* domyślnie 90% szerokości ekranu */
    margin: 0 auto;          /* wyśrodkowanie poziome */
}

.modal-content {
    border-radius: 8px;
    overflow: hidden;
}

/* Dla tabletów i większych ekranów (>=768px) */
@media (min-width: 768px) {
    .modal-dialog {
        width: 700px;       /* trochę węższy niż max-width */
        top: 30%;
        transform: translateY(-30%);
        margin: 30px auto;  /* większy margines pionowy */
    }
}

/* Dla dużych ekranów (>=992px) */
@media (min-width: 992px) {
    .modal-dialog {
        width: 1000px;       /* pełna szerokość docelowa */
        top: 30%;
        transform: translateY(-30%);
        margin: 30px auto;
    }
}

/* Dla małych ekranów mobilnych (<768px) */
@media (max-width: 767px) {
    .modal-dialog {
        width: 95%;         /* prawie pełna szerokość ekranu */
        top: 10%;           /* bliżej góry dla małych ekranów */
        transform: translateY(0);
        margin: 10px auto;  /* mały margines od góry i dołu */
    }

    .modal-content {
        border-radius: 6px; /* delikatnie zaokrąglone rogi na mobile */
    }
}
/*  KONIEC  -  OKNO MODALNE  ----*/



/* carousel z tytułami artykułów */
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
   /*   height: 100px;  */
}

.zoomtlo:hover    { 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  
}
.zoomtlo {  
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
   
}

.small {font-size: 75%;  }
.obrazekwtle a {color:#FFFFFF;}
.obrazekwtle a:hover {color:#FFFD00;}
.obrazekwtle .btn-default {
    color: #fff;
   background-color: transparent;
    border-color: #ccc;
}

/* KLAWISZ DO GÓRY */
#scroll-to-top { display:none; position:fixed; bottom:200px; right:35px; opacity:1; }
#scroll-to-top .fas { color: #337ab7; right:30px; }
#scroll-to-top:hover {opacity:0.8; }
/* KLAWISZ DO HOME */
#to-home { position:fixed; bottom:100px; right:20px; opacity:1; }
#to-home .fas {color: #337ab7; right:20px; }
#to-home :hover {opacity:0.8; } 

/* KLAWISZ ZAMYKANIE ROZWIJANEGO POLA */
#scroll-to-top-pole {   }


/* GRAFIKA I SEKCJA TYTULOWA WIADOMOSCI */
.graftytulowa { position: relative; margin-bottom:20px }
.graftytulowalogo {position: absolute; bottom: 50px;  left: 20px; padding-left: 20px; padding-right: 20px;  }

/* GRAFIKA - PLAKAT W TYM SAMYM MIEJSCU - DLA HISTORII */
.sticky {
position: sticky;
position: -webkit-sticky;
top: 80px;
box-sizing: border-box;
 }
.box {
height: 100% ;
} 
/* TYTUL POD GRAFIKĄ-PLAKATEM */
#tytul { display:none; opacity:1;  }
#tytul:hover h1 {color:#FF0004; }


/* VIDEO  */
.responsive-video { max-width: 100%; height: auto; }
/* VIDEO YOU TUBE */
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

footer { 
background-color:#1B3242; color:#D1D1D1;   }
footer a {color: #D1D1D1; }
footer a:hover{ color:#FF0004; }

 h1, h2, h3,  .h1, .h2, .h3  { line-height: 1.2; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666;  font-weight: 400; color: #036;  } 
h4, .h4 { line-height: 1.4;   font-weight: 500; color: #036;  } 
 
.lead {font-size: 103%; margin-bottom: 20px; font-weight: 600;}
iframe, object, embed { max-width: 100% ; display: block !important; margin: 0 auto ;   }

.fontczarny {color: #000000; }
.fontniebieski {color:#30497D; }
.fontjasnoniebieski {color: #00DBFF; }
.fontczerwony {color: #FF0004; }
.fontbialy {color: #FFFFFF; }
.fontszary {color: #808080; }
.fontzolty {color: #FFC600; }

.wciecie {padding-left:50px; padding-right:50px}
.wciecie10 {padding-left:10px; padding-right:10px}
.wciecie100 {padding-left:100px; padding-right:100px}

.cien {-webkit-filter: drop-shadow(2px 2px 2px #424242);   filter: drop-shadow(2px 2px 2px #424242); } 
.cienszary {-webkit-filter: drop-shadow(3px 3px 3px #AFAFAF); filter: drop-shadow(3px 3px 3px #AFAFAF);} 
.cienszarygorny {-webkit-filter: drop-shadow( 0 -7px 2px #AFAFAF); filter: drop-shadow( 0 -7px 2px #AFAFAF);} 

.tytul { font-weight: 700;  -webkit-font-smoothing: antialiased; color:#D22127; text-shadow: 0px 1px 1px #666; -webkit-text-shadow: 0px 1px 1px #666;  -moz-text-shadow: 0px 1px 1px #666;   font-size:60px;  }

/* ROW-FLEX    https://codepen.io/Primajin/pen/NGbgNM */

.row-flex {
  display: flex;
  flex-wrap: wrap;

  @for $i from 1 through 12 {
    [class*="col-xs-#{$i}"] {
      flex: $i 0 (100% / 12 * $i);
    }

    [class*="col-xs-#{$i}"]:last-child {
      flex: 0 0 (100% / 12 * $i);
    }
  }

  @media (min-width: 768px) {
    @for $i from 1 through 12 {
      [class*="col-sm-#{$i}"] {
        flex: $i 0 (100% / 12 * $i);
      }

      [class*="col-sm-#{$i}"]:last-child {
        flex: 0 0 (100% / 12 * $i);
      }
    }
  }

  @media (min-width: 992px) {
    @for $i from 1 through 12 {
      [class*="col-md-#{$i}"] {
        flex: $i 0 (100% / 12 * $i);
      }

      [class*="col-md-#{$i}"]:last-child {
        flex: 0 0 (100% / 12 * $i);
      }
    }
  }

  @media (min-width: 1200px) {
    @for $i from 1 through 12 {
      [class*="col-lg-#{$i}"] {
        flex: $i 0 (100% / 12 * $i);
      }

      [class*="col-lg-#{$i}"]:last-child {
        flex: 0 0 (100% / 12 * $i);
      }
    }
  }
}

/*........................................*/
.main-title { position: relative; width:90%; border-left: solid 7px #f00; padding-left: 10px; color: #333; margin: 20px 10px 20px 10px; font-weight: normal; text-transform: uppercase; line-height: 1.1; top: 0; }
.main-title span { display: block;  margin-bottom:20px; }
.main-title a { color: inherit; }
.main-title span { margin-bottom: 0;}
.main-title .span1 { font-size: 90%; color:#999; margin-bottom:6px;  }
.main-title .span2 { font-size: 150%; font-weight:bold; text-align:left; color: #036;  margin-bottom:6px;  -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666; font-weight: 400; line-height:1.2; }
.main-title .span3 { font-size: 90%; text-transform: uppercase; font-weight: normal; color: #848383; line-height:1.6; }

/*................................................*/
/*background: rgba(0, 0, 0, 0.5); */
.overlay-bialy { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); background-size: cover;  }
.overlay-bialy70 { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); background-size: cover;  }
.overlay-czarny { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); background-size: cover;  } 
.overlay-czarny30 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); background-size: cover;  } 
.overlay-niebieski { width: 100%; height: 100%; background: rgba(0, 51, 102, 0.8); background-size: cover;  } 
.overlay-czerwony { width: 100%; height: 100%; background: rgba(	205, 29, 28, 0.8); background-size: cover;  } 
.overlay-siatka {width: 100%; height: 100%;  background-image: url(https://www.wspolnotapolska.org.pl/system/img/overaly.png); opacity: 0.7; filter: alpha(opacity=70);  z-index: 1;  } 
.overlay-siatka2 { width: 100%;  /*height: 100%;background: rgba(0, 0, 0, 0.5); */ background-image: url(https://www.wspolnotapolska.org.pl/system/img/overaly.png); filter: alpha(opacity=60); z-index: 5; } 
 .overlaysiatka { width: 100%; background-image: url( https://www.wspolnotapolska.org.pl/system/img/overaly.png);  } 
 .overlaysiatkabiala { width: 100%; background-image: url( https://www.wspolnotapolska.org.pl/system/img/overaly_bialy.png);  } 
.overlaysiatkaszara { width: 100%;  background-image: url( https://www.portalpolonii.pl/system/res/overaly_szary.png);  } 
 
 .fa {margin-right: 10px; }
hr { border-top: 1px solid #6b6b6b; }
.hrgrube { border-top: 2px solid #ffffff; }
blockquote { padding-left:50px; padding-right:50px; }

.img-responsive {margin: 0 auto; padding-bottom:0px; max-width: 100%; height: auto;}
.responsive-video { max-width: 100%; height: auto; }

/*klasa responsywna - polozenie wysrodkowane w poziomie
.img-responsive {margin: 0 auto; padding-bottom:0px}*/

.alfa img { filter: alpha(opacity=40); -moz-opacity: 50; -khtml-opacity: 50; opacity: 100; }
:hover.alfa img { filter: alpha(opacity=15); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.bialy {background-color: #FFF; padding: 20px;  }
.niebieski {background-color:#30497D; padding: 0px; }

.polejasnoszare {background-color: #F1F1F1; padding: 30px;  }
.poleciemnoszare {background-color: #ADADAD; padding: 30px;  }
.polebiale {background-color: #FFFFFF; padding: 30px;  }
.poleniebieskie {background-color: #013676; padding: 30px;  }
.polejasnoniebieskie {background-color: #009FE3; padding: 30px;  }
.poleczerwone {background-color: #D40003; padding: 30px;  }

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

.img-thumbnail { border: 1px solid #fff;  border-radius: 0px; }

/*https://miketricking.github.io/bootstrap-image-hover/#  */

#painewsglowna a {color:#000000; }
#painewsglowna .main-title { position: relative; width:90%; border-left: solid 10px #FF0004; padding-left: 10px; color: #333; margin: 20px 10px 20px 10px; font-weight: normal; text-transform: uppercase; line-height: 1.1; top: 0; }
#painewsglowna .main-title span { display: block;  font-weight:bold; margin-bottom:20px; }
#painewsglowna .main-title a { color: inherit; }
#painewsglowna .main-title span { margin-bottom: 0;}
#painewsglowna .main-title .span1 { font-size: 1.0em; color:#999; margin-bottom:6px;  }
#painewsglowna .main-title .span2 { font-size: 1.4em; text-align:left; color: #036;  margin-bottom:6px;  -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666; font-weight: 400;  line-height:1.3; }
#painewsglowna .main-title .span3 { font-size: 1.0em; text-transform: none; font-weight: normal; color: #000000; text-transform:uppercase; line-height:1.2;  }

.painewsglowna {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
   /*  background: #000000; 
 /*  background-image: url(https://www.wspolnotapolska.org.pl/system//img/overaly.png); */
  cursor: pointer;
}

.painewsglowna img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height:390px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}

@media (min-width: 767px) { 
#painewsglowna img{max-height: 370px; }
}

/* ...................................................................................................................................................*/

#painews { padding-top: 40px;  color: #000000; }
/*#painews .col-sm-4 {padding: 3px; }*/
#painews .col-sm-8 {padding: 15px; }
#painews .btn-default {color: #333; background-color: transparent;  border-color: #ccc; }
#painews a {color:#000000; }
#pai a {color:#000000; }

.painews {  width: 100%;   height: 100%;   float: left;  overflow: hidden;  position: relative;  text-align: center;  cursor: default;
   /*  background: #000000; 
 /*  background-image: url(https://www.wspolnotapolska.org.pl/system//img/overaly.png); */
  cursor: pointer;
}

#pai { padding-top: 20px;  /*background: url('https://www.wspolnotapolska.org.pl/system/img/wiadomosci_polonijne3.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;*/ color: #000000; }
#pai .col-sm-4 {padding: 3px; }
#pai .col-sm-8 {padding: 15px; }
#pai .btn-default {color: #333; background-color: transparent;  border-color: #ccc; }

.foto2 { height:220px;  width: 330px; margin: 1px; padding: 1px; object-fit: cover;  }
.foto3 { max-height:250px; margin: 1px; padding: 1px; }
.foto5 { max-height:350px; margin: 1px; padding: 1px; }
.pull-right { padding-left: 30px; padding-right: 0px; padding-top:6px; padding-bottom:6px; }
.pull-left { padding-left: 0; padding-right: 30px; padding-top:6px; padding-bottom:6px;  }

@media (max-width: 767px) { 
.pull-right {height:auto; padding-left: 0px;  padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; }
.pull-left {height:auto; padding-left: 0px; padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; } 
.foto3 { max-height: none;  }
}


@media only screen and (min-width : 1200px)
{
#pai img{max-height: 250px; }
 #painews img{max-height: 250px; }
.foto_polonia { padding: 1px; max-width: 370px; min-width: 370px; max-height: 240px; min-height: 240px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 8px; max-width:700px; /*min-width:700px; min-height:600px;*/ max-height:600px;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:350px;  min-width:350px; max-height:240px;  min-height:240px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative; height: 250px; max-width: none;  width: calc(100% + 20px); 
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
  }

.painews2 img  { object-fit: cover; display: block;  position: relative; height: 200px; max-width: none;  width: calc(100% + 20px);  
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
  }
  
h1 {font-size: 1.9em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1.2em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
}

@media only screen and (min-width: 768px) and (max-width : 1199px) 
{
body {font-size: 14px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.3em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 0.9em; }
h5 {font-size: 0.7em; }

.btn-lg, .btn-group-lg > .btn { font-size: 90%; }

 #pai img{max-height: 200px; }
 #painews img{max-height: 200px; }
.foto_polonia { padding: 2px; max-width: 200px; min-width: 200px; max-height: 200px; min-height: 200px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 8px; max-width:700px; /*min-width:700px; min-height:600px;*/ max-height:600px;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:360px; min-width:360px; max-height:240px; min-height:240px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {object-fit: cover;  display: block;  position: relative; height: 200px; max-width: none;  width: calc(100% + 20px); 
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
  }
  
  .painews2 img  { object-fit: cover; display: block;  position: relative; height: 150px; max-width: none;  width: calc(100% + 20px);  
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
  }
  
  .main-title .span2 {
    font-size: 140%;  }
    
}

@media only screen and (min-width: 480px) and (max-width : 767px) 
{
body {font-size: 15px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }

.btn-lg, .btn-group-lg > .btn {  font-size: 80%; }

#pai img{max-height: 150px; }
 #painews img{max-height: 150px; }
.foto_polonia { padding: 2px; max-width:150px; min-width:150px; max-height:150px; min-height:150px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 8px; max-width:700px; /*min-width:700px; min-height:600px;*/ max-height:600px;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:360px; min-width:360px; max-height:240px; min-height:240px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative;  height: 150px;  min-width:480px; max-width: none;  width: calc(100% + 20px); 
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
  }
  
  .main-title .span2 {
    font-size: 130%; }
  .lead {
    font-size: 100%; }
  }
 
@media only screen and (min-width: 321px) and (max-width : 479px) 
{
body {font-size: 14px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   } 
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
.img {max-width: 100%; height:auto; }
.foto_polonia { padding: 2px; max-width:50%;  object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 4px; max-width:100%; max-height:auto;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:280px; max-height:auto; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }
.btn {font-size: 0.8em; }
.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 10px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
background-size: cover;  
margin: 0 auto; padding-bottom:0px; object-fit: cover;
min-height:200px; 
    /*  max-height:200px;*/
}
}
 
@media only screen and (max-width : 320px)
{
body {font-size: 13px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
.img {max-width: 100%; height:auto; }
.foto_polonia { padding: 2px; max-width:100%; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 4px; max-width:100%; max-height:auto;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:280px; max-height:auto; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 10px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
margin: 0 auto; padding-bottom:0px; object-fit: cover;  
min-height:120px; max-height:120px;

}
}

/* GÓRNE MENU  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay */
.ukrywanie {
	unicode-bidi: bidi-override;
	direction: rtl;
}
.overlaymenu {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}
.overlaymenu-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.overlaymenu a {
  padding: 4px;
  text-decoration: none;
  font-size: 130%;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.overlaymenu a:hover, .overlaymenu a:focus {
  color: #f1f1f1;
}
.overlaymenu .closebtn {
  position: absolute;
  top: 60px;
  right: 100px;
  font-size: 90px;
}
@media screen and (max-height: 450px) {
  .overlaymenu {overflow-y: auto;}
  .overlaymenu a {font-size: 110%}
  .overlaymenu .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}