/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,700;1,600&display=swap');


    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}
button { color: #1C1B19; }


body {

	color: #1C1B19;
	font-size: 15px;
	line-height: 1.7; 
	font-weight: 300;
	font-family: 'Poppins', sans-serif;

  


}



/***************** menu res ******************/
  .menuMobileClick{ width:40px; height:40px; cursor:pointer; position:absolute; right: 0px; top:50px;  display:none; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
  .menuMobileClick div {
      width: 40px;
      height: 3px;
      background-color: #252525;
      display: inline-block;
      margin: 3px 0;

  }
  .menuMobileClick div:nth-of-type(1){
      width: 35px; position: relative; right: 0;
   }
   .menuMobileClick div:nth-of-type(2){
      width: 30px; position: relative; right: 0;
   }



  .menuFixed{ position: fixed; width: 100%; height: 100%; padding: 30px; background: rgba(242, 219, 61, 0.95); z-index: 10011; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;
    -webkit-box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
  }
  .closeMenuContainer{ width:100%; text-align:right; position: absolute; top: 16px; z-index: 900; }
  .closeX { height: 30px; width: 30px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; cursor: pointer; z-index: 900;}
  .closeX:before, .closeX:after {  width: 30px; height: 4px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -15px; display: block; background-color: #1C1B19; transition: all 0.25s ease-out;}
  .closeX:after { transform: rotate(-135deg);}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; }
  .menuFixed ul li{ font-weight: bold; color:#252525; overflow: hidden; padding: 15px 0px;font-size: 30px; font-weight: 700; position: relative; z-index: 100; display: inline-block; line-height: 1.2;}
  .menuFixed ul a{ display: block; }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ font-weight: bold; }
  .menuFixed-flex { display: flex; align-items: center; height: 100%; position: relative; }

/***********************************/


.clear { clear: both; }
strong { font-weight: 600 }

/* elementy wspolne */

.content-area {overflow: hidden;}
.container {width: 1170px; margin: auto; position: relative;}
.container-small { width: 770px; margin:auto;  margin-bottom: 70px;  }
.szary { background:  #E1E1E1 }

.button {font-weight: 700; font-size: 16px; border-bottom: solid 3px #252525; line-height: 1.8; position: relative;}
.button:after {content: ""; width: 0%; height: 3px; background: #F2DB3D; display: block; position: absolute; bottom: -3px; right: 0;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  }
.button:hover:after  {  left: 0; right: auto; width: 100%; background: #F2DB3D; }
.podkreslenie { width: 60px; height: 3px; background: #252525; display: block; margin-bottom: 30px; }
.podkreslenie-strong { width: 70px; height: 5px; background: #252525; display: block; margin-top: 15px; margin-bottom: 15px; }

.content-area {padding-bottom: 40px;}
.home .content-area {padding-bottom: 0px;}


/* top */ 
.container-top-outer {background: #E1E1E1; width: 100%; z-index: 9999}
.container-top { position: relative; z-index: 999; background: #E1E1E1 }
.top-inner { display: flex; justify-content: space-between; }
.logo { margin-top: 50px; }
.menu { list-style: none; display: flex; justify-content: space-between; width: 886px; border-bottom: solid 3px #252525; align-items: flex-end; }
.menu li { font-size: 16px; font-weight: 700; padding-bottom: 30px; position: relative;}
.menu li:after { content: ""; width: 0%; height: 3px; background: #F2DB3D; display: block; position: absolute; bottom: -3px; right: 0;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.menu li:hover:after {  left: 0; right: auto; width: 100%; background: #F2DB3D; }
.menu li.active:after {  width: 100%; height: 3px; background: #F2DB3D;  bottom: -3px; left: 0 }

/* strona główna */

.main-wprowadzenie { position: relative; padding-bottom: 100px;}
.main-flex {display: flex; position: relative; z-index: 9; align-items: flex-start;}
/* .main-foto {width: 372px; position: relative;z-index: 99; overflow: hidden; flex: 0 0 372px;} */
.main-foto { position: relative; width: 372px; margin-right: 20px;  flex: 0 372px}
.main-foto:after { display: block; content: ""; padding-top: 135%;  }
.main-foto .foto { position: absolute; top: 100px; left: 0; width: 100%; height: 100%; background-size: cover; }

.main-foto-mobile {display: none;}
.main-foto img {width: 100%; margin-top: 105px; display: block; }
.main-opis { padding-left: 35px; margin-top: 2px; }
.main-opis h1 {margin-top: 71px; margin-bottom: 15px; }
.main-tekst {padding-left: 90px;width: 590px; }
.main-tekst a {margin-top: 17px; display: inline-block;}
.main-apla{  background: url(../img/apla.png) no-repeat; width: 1025px; height: 566px; position: absolute; top: 40px; left: -260px;}
.main-pattern {width: 705px; height:  125px; position: absolute; right: -144px; bottom: -140px; z-index: -1;}

.home-aktualnosci { padding-top: 100px; }
.home-aktualnosci-naglowek { display: flex; justify-content: space-between; }
.home-aktualnosci-naglowek .button { align-self: center; margin-top: 12px;}
.zobacz-mobile {display: none;}
.home-aktualnosci .podkreslenie {margin-bottom: 40px; }
.aktualnosci-flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
.aktualnosci-slider { display: none !important; }
.aktualnosc-box { width: 48%; display: flex; align-items: flex-start; margin-bottom: 60px; }
.aktualnosc-box-opis {margin-top: -7px}
.aktualnosc-box-foto {  background: #000;  position: relative; width: 270px; margin-right: 20px;  flex: 0 0 270px}
.aktualnosc-box-foto:after { display: block; content: ""; padding-top: 126%;  }
.aktualnosc-box-foto .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.aktualnosc-box-tytul { font-size: 30px; font-weight: 700; line-height: 1.2;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.aktualnosc-box-tytul:hover {color: #F2DB3D}
.aktualnosc-box-data {font-weight: 600; margin-top: 5px; }
.aktualnosci-pattern { width: 48%; position: relative; margin-top: 100px; height: 125px; }
.aktualnosci-pattern-box { position: absolute; right: 0; top: 0 }

.home-120lat-flex { display: flex; }
.home-120lat { margin-top: 150px;  }
.home-120lat-lewa { position: relative; flex: 0 0 60%; }
.home-120lat-lewa .tekst { padding-left: 300px;  }
.home-120lat-lewa .tekst span { display: block; margin-bottom: 40px;}
.home-120lat-napis {width: 290px; height: 138px; background: url(../img/120-napis.png); background-size: cover; position: absolute; left: -20px; top: 30px;}
.home-120lat-foto-mobile { display: none; }
.home-120lat-prawa { flex: 0 0 40%;  padding-left: 80px;}
.home-120lat-prawa img {width: 140%}

.home-wystawa { padding-top: 70px; margin-top: 70px; min-height: 550px;  }
.tlo-seamless { width: 100%;background: url(../img/apla-seamless.jpg) repeat-x;  }

.home-wystawa-prawa {display: flex; justify-content: space-between; gap: 15px; margin-top: 35px;}
.home-wystawa-kolumna { width: 50%;  }
.home-wystawa-kolumna div { margin-bottom: 30px }
.home-wystawa-f1 {  background: #000;  position: relative; margin-right: 10px;}
.home-wystawa-f1:after { display: block; content: ""; padding-top: 126%;  }
.home-wystawa-f1 .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-wystawa-f3 {  background: #000;  position: relative; margin-right: 10px;}
.home-wystawa-f3:after { display: block; content: ""; padding-top: 100%;  }
.home-wystawa-f3 .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-wystawa-f2 {  background: #000;  position: relative; margin-left: 10px;}
.home-wystawa-f2:after { display: block; content: ""; padding-top: 76%;  }
.home-wystawa-f2 .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-wystawa-f4 {  background: #000;  position: relative; margin-left: 10px;}
.home-wystawa-f4:after { display: block; content: ""; padding-top: 126%;  }
.home-wystawa-f4 .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*************** stopka ****************/
footer {  margin-top: 50px; overflow: hidden;  }
footer  .tlo-seamless { padding-top: 85px; padding-bottom: 100px; }
footer .container { position: relative; }
.stopka-flex { display: flex; }
.stopka-kolumna { flex: 0 0 50%; width: 50%;}
.stopka-kolumna-lewa { padding-left: 200px; display: flex; flex-direction: column; justify-content: space-between; }
.stopka-kolumna-lewa img {width: 284px; }
footer .logo { display: none; }
footer .menu {flex-direction: column; align-items: flex-start; border-bottom: 0 }

footer .menu li:after { content: ""; width: 0%; height: 2px; background: #1C1B19; display: block; position: absolute; bottom: -3px; right: 0;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
footer .menu li:hover:after {  left: 0; right: auto; width: 100%; background: #1C1B19; }
footer .menu li.active:after {  width: 100%; height: 2px; background: #1C1B19;  bottom: -3px; left: 0 }

footer .menu li { font-size: 14px; padding-bottom: 0px; margin-bottom: 15px;   }
footer .menu a:last-of-type li { margin-bottom: 0}
.stopka-kolumna2 { display: flex;  gap: 15px; }
.stopka-kolumna-menu {flex: 0 0 50%; width: 50%;}
.stopka-menu2 { position: relative; }
.stopka-menu2 .menu li {font-weight: 400}
.copy {font-weight: 700}
.copy-mobile { display: none }
.pattern-stopka-pion { width: 205px; height: 400px; background: url(../img/pattern-stopka.png) no-repeat; background-size: cover; position: absolute; top: -100px; left: -150px; }
.pattern-stopka-poziom { width: 705px; height: 125px; background: url(../img/pattern-duzy.png) no-repeat; background-size: cover; position: absolute; bottom: -125px; left: 0; }
.pattern-stopka-poziom-mobile { display: none; width: 705px; height: 125px; background: url(../img/pattern-duzy.png) no-repeat; background-size: cover; position: absolute; top: -125px; left: 0;}

/* naglowek podstron */
h1, h2 { font-weight: 700; font-size: 70px; position: relative; z-index: 99;  margin-bottom: 10px; }
.naglowek-container { position: relative; min-height: 280px; margin-bottom: 20px; }
.naglowek-container h1 { margin-top: 80px; margin-bottom: 85px; line-height: 1.1; max-width: 600px; }
.naglowek-container .naglowek { overflow: hidden; min-height: 320px; }
article .naglowek-container .naglowek { min-height: auto }
.naglowek-szary {width: 100%; height: 150px; position: absolute; left: 0; top: 0}
.naglowek-apla {background: url(../img/apla-mala.png) no-repeat; width: 800px; height:  234px; position: absolute; top: 40px; left: -240px; }
.naglowek-pattern {background: url(../img/pattern.png) no-repeat; background-size: contain; width: 505px; height:  64px; position: absolute; top: 86px; right: -130px; }
.home-wystawa-flex { display: flex; }
.home-wystawa-lewa, .home-wystawa-prawa { flex: 0 0 50%; }
.home-wystawa-lewa {padding-right: 200px; }


/******************* aktualnosci **************/
.wczytaj-container { text-align: center; margin-top: 20px;  }
.select-change-news { position: absolute; width: 171px; top: -100px;  right: 0;  padding: 5px; padding-top: 0; z-index: 999}
.select-change-news span {display: inline-block;}
.miesiace { display: none; text-align: left; padding-top: 10px; background: #252525; margin-top: -3px; padding: 10px 20px; position: relative; z-index: 999;}
.miesiac-toogle {padding-right: 10px; cursor: pointer;}
.miesiac-toogle:before {content: ""; width: 6px; height: 5px; position: absolute; top: 11px; right: 0; background: url(../img/toogle.svg) no-repeat; display: inline-block; 
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.miesiac-toogle.active:before {transform: rotate(180deg);} 
.miesiace span {display: block; margin-top: 5px; color: #fff; font-size: 14px; font-weight: 600 }
.miesiace span a {border-color: #252525; color: #fff; font-size: 14px; font-weight: 600}
.miesiace .button::after { height: 2px }
.miesiace .active { color: #F2DB3D; }

/********** aktualnosc ******************/
.aktualnosci-back { color: #252525; font-weight: 700; font-size: 30px; margin-bottom: 20px;padding-top: 80px; position: relative; z-index: 99; display: inline-block;}
.aktualnosci-back:before { content: ""; width: 10px; height: 10px; top: -6px; position: relative; margin-right:  5px; background: url(../img/back.svg) no-repeat; display: inline-block; }
.aktualnosci-back:after { content: ""; width: 0%; height: 3px; background: #1C1B19; display: block; position: absolute; bottom: -3px; right: 0;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.aktualnosci-back:hover:after {  left: 0; right: auto; width: 100%; background: #1C1B19; }
.naglowek-data { font-weight: 600; position: relative; z-index: 99 }
.naglowek-aktualnosc {margin-bottom: 0}
.naglowek-aktualnosc h1 { margin-top: 0; max-width: 100%; margin-bottom: 50px; }
.aktualnosc-panorama {  background: #000;  position: relative; margin-bottom: 60px; }
.aktualnosc-panorama:after { display: block; content: ""; padding-top: 38%;  }
.aktualnosc-panorama .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
article .container-small p {margin: 30px 0;}
article .wp-block-image { margin: 50px 0 }
article h2 { font-size: 30px; line-height: 1.2 }
article .wp-block-image figcaption { font-size: 13px;  }
article .wp-block-quote { margin: 30px 0; font-style: initial; font-weight: 600; position: relative; padding-left: 60px;}
article .wp-block-quote:before {content: ""; width: 40px; height: 25px; position: absolute; top: 6px; left: 0; background: url(../img/quote.svg) no-repeat; display: inline-block;}
article .wp-block-gallery { margin: 30px 0; }

/******************** harmonogram ****************/

.harmonogram-miesiac {margin-bottom: 50px;  }
.harmonogram-naglowek { font-size: 50px; font-weight: 700; border-bottom: solid 3px #252525 }
.wydarzenie { display: flex; margin-top: 30px; margin-bottom: 30px; font-weight: 400 }
.wydarzenie-small { flex: 0 0 16.6%; padding-right: 20px; }
.wydarzenie-big { flex: 0 0 50%; }


/******************* w mediach *********************/
.media-box { margin-bottom: 30px; display: flex; }
.media-logo {  background: #E1E1E1; padding: 20px;  width: 170px; margin-right: 30px;  flex: 0 0 170px; align-self: flex-start;}
.media-logo-inner { position: relative; }
.media-logo-inner:after { display: block; content: ""; padding-top: 100%;  }
.media-logo-inner .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media-data { font-weight: 600 }
.media-footer { display: flex; justify-content: space-between; margin-top: 15px;}
.media-prawa { display: flex; flex-direction: column; justify-content: space-between; }


/**************** komited ***********************/
.komited-nazwa { font-weight: 700; font-size: 30px; margin-bottom: 20px;  }
.komited-czlonkowie { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1%; margin-bottom: 70px;}
.czlonek { width: 15%; flex: 0 0 15%; margin-bottom: 40px;  }
.czlonek-empty { visibility: hidden; margin-bottom: 0 }
.czlonek-foto {  background: #000;  position: relative; width: 100%; margin-right: 20px;  flex: 0 0 170px; margin-bottom: 10px;}
.czlonek-foto:after { display: block; content: ""; padding-top: 126%;  }
.czlonek-foto .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.czlonek-opis {font-weight: 700}
.czlonek-opis span {font-weight: 300; display: block; margin-top: 5px;}
.komited .container div:last-of-type { margin-bottom: 0 }


/************* 120 lat ******************/
.timeline { margin-top: 100px; position: relative;} 
.timeline-napis {text-align: center;}
.timeline-napis-liczba {width: 329px; height: 115px; display: inline-block; margin: auto;}
.timeline-napis-liczba img { width: 100% }
.timeline-napis-liczba-mobile { display: none; }
.timeline-napis-liczba-mobile  img { width: 100% }
.timeline-naglowek {font-size: 30px; font-weight: 500; line-height: 1.2 }
.timeline-start { position: relative; margin-top: 10px; display: flex; padding-bottom: 140px;}
.kreska-pion { width: 16px; height: calc(100% - 140px); background: #000; position: absolute; top: 0; left: 50%; margin-left: -8px; z-index: 1}
.kreska-zolta-1 { height: 50px; background: #F2DB3D; top: auto; bottom: -36px }
.kreska-zolta-2 { height: 50px; background: #F2DB3D; top: auto; bottom: 50px }
.timeline-pattern { background: url(../img/pattern-tilled.jpg); width: 86px; height: 100%; position: absolute; top: 50px; left: 50%; margin-left: -43px; z-index: -1  }
.page-id-5 footer { margin-top: -15px; z-index: -1 }

.blok { margin-bottom: 50px; width: 100%}
.timeline-lewa { width: 50%; height: 100%;   display: flex; flex-direction: column;  align-items: flex-end; }
.blok .content { border-top: 5px solid #000; padding-top: 20px;  }
.blok .tytul { font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 10px;}
.blok .naglowek { font-size: 30px; font-weight: 500; line-height:  1.2 }
.blok .tresc { margin-top: 20px; }
.blok .rozwin{ font-size: 16px; display: none; cursor: pointer; }


.kreseczka { width: 70px; height: 5px; background: #000; margin-top: 30px; margin-bottom: 30px; }
.blok-lewa .content { padding-right: 80px }

.blok .foto { width: 208px; margin-bottom: 25px; display: inline-block; margin-right: 30px}
.blok .foto:last-of-type {margin-right: 0}
.blok .foto img {width: 100%; display: block;}
.blok .foto-osoba { width: 270px; }


.blok-lewa-70 { width: 70% }
.blok-lewa-80 { width: 80% }



.blok-1 { margin-top: 50px; }
.blok-1945 { margin-top: 140px; }
.blok-1951 { margin-top: 180px; }
.blok-1953 { margin-top: 80px; }
.blok-1962 { margin-top: 250px; }
.blok-1965 { margin-top: 330px; }
.blok-1966 { margin-top: 100px; }
.blok-1967-15-98  { margin-top: 100px; }
.blok-1988_1 { margin-top: 30px; }
.blok-1989 { margin-top: 100px; }
.blok-1990 { margin-top: 60px; }
.blok-1993 { margin-top: 100px; }
.blok-1997 { margin-top: 40px; }
.blok-2003 {margin-top: 360px;}
.blok-2009 {margin-top: 70px;}
.blok-2011 {margin-top: 10px;}
.blok-2012 {margin-top: 30px;}

.timeline-prawa { width: 50%; }
.blok-prawa .content { padding-left: 100px }
.blok-prawa-padding .content { padding-left: 200px }
.blok-prawa .foto { margin-left: 100px }
.blok-prawa-padding .foto { margin-left: 200px }
.blok-prawa-80 {width: 80%}


.blok .foto.szuman1 {  width: 228px; }
.blok .foto.szuman2 { width: 213px; margin-right: 0; margin-left: 0 }

.blok-1-prawa {margin-top: 230px;}
.blok-1922 { margin-top: 180px; }
.blok-3-prawa { margin-top: 120px; }
.blok-1945-prawa {margin-top: 200px;}
.blok-1952 { margin-top: 300px; }
.blok-1957 { margin-top: 140px; }
.blok-1963 { margin-top: 90px; }
.blok-1963-20-95 {margin-top: 100px;}
.blok-1968 { margin-top: 150px; }
.blok-1977 { margin-top: 210px; }
.blok-1988_2 { margin-top: 260px; }
.blok-1990_2 { margin-top: 180px; }
.blok-1990-41-19 { margin-top: 125px; }
.blok-1997-2 {margin-top: 480px;}
.blok-1999 {margin-top: 150px;}
.blok-2005 {margin-top: 125px;}
.blok-2010 { margin-top: 140px; }
.blok-2019 {margin-top: 205px;}
.blok-2021 {margin-top: 120px; margin-bottom: 0}

.timeline-mobile {display: none;}


/******************************************************
********************** res ****************************
******************************************************/

 @media only screen and (max-width: 1250px) { 

    .container { width: 94% }
    .container-small {width: 770px;}
    .logo { margin-right: 50px; }
    .logo img {width: 95%}

    h1, h2 { font-weight: 700; font-size: 55px; position: relative; z-index: 99;  margin-bottom: 10px; }
    .naglowek-apla {background-size: cover; width: 700px; height: 210px;}
    .naglowek-container .naglowek {min-height: 280px;}

    .main-apla { width: 938px; height: 500px; background-size: cover; left: -140px; }
    .main-pattern {right: -390px; bottom: -150px;}
    .main-pattern img { width: 80% }
    .home-wystawa-lewa {padding-right: 100px; }
    .aktualnosc-box-tytul {font-size: 25px;}
    .aktualnosc-box-foto {width: 220px; flex: 0 0 220px;}
    .select-change-news {top: -94px;}

    .aktualnosci-pattern {width: 705px; left: -200px; margin-top: 60px;}
    .aktualnosci-pattern img {width: 80%}
    .harmonogram-naglowek { font-size: 35px; }
    .home-120lat {margin-top: 80px;}

    .wydarzenie-godzina {  flex: 0 0 15%;}
    .wydarzenie-data { flex: 0 0 10%; }
    .wydarzenie-miejsce { flex: 0 0 25%; }
    .timeline-pattern {width: 66px; margin-left: -33px;}

    .czlonek {width: 18%; flex: 0 0 18%;}

    .stopka-kolumna-lewa {padding-left: 100px; }
    
    .timeline .container { width: 900px; }
    .blok .foto {width: 157px;}
    .blok .foto.szuman1 {margin-right: 10px; width: 166px;}
    .blok .foto.szuman2 {width: 155px;}
    .blok-prawa-padding .content { padding-left: 150px }
    .blok-lewa-80 { width: 85% }
    .blok .tytul {font-size: 40px;}
    .blok .naglowek {font-size:  25px; }

    .blok-1922 { margin-top: 20px; }
    .blok-1928 { margin-top: 140px }
    .blok-1945 {margin-top: 200px; }
    .blok-1945-prawa {margin-top: 140px;}
    .blok-1952 {margin-top: 240px; }
    .blok-1953 {margin-top: 140px;}
    .blok-1957 {margin-top: 110px;}
    .blok-1962 {margin-top: 230px;}
    .blok-1965 {margin-top: 240px;}
    .blok-1988_2 {margin-top: 160px;}
    .blok-1997-2 {margin-top: 290px;}
    .blok-1999 {margin-top: 100px;}
    .blok-2003 {margin-top: 300px}
    .blok-1997-2 {margin-top: 275px;}
 }


 @media only screen and (max-width: 1100px) { 
 
    .main-foto { flex: 0 0 372px; }
    .main-tekst {width: auto; padding-left: 60px;}

    .home-120lat-napis { width: 220px; height: 105px; }
    .home-120lat-lewa .tekst {padding-left: 220px;}
    .home-120lat-prawa {padding-left: 50px;}

    .aktualnosc-panorama {margin-bottom: 40px;}
    article .container-small p {margin: 20px 0;}
    article .wp-block-image {margin: 40px 0 30px 0;}


}

 @media only screen and (max-width: 1040px) { 
    .main-opis {padding-left: 25px; }
    .main-opis h1 {line-height: 1.2; margin-top: 86px;}
    .main-tekst {padding-left: 60px; }
 }




 @media only screen and (max-width: 1024px) { 
    /*** menu res ***/
    .menuMobileClick {display: flex;}
    .menu {display: none}
    .menuFixed .menu {display: block; border-bottom: 0; width: auto;}
    .menuFixed .logo {display: none;}
   /**************************/

   .container-top { height: 120px;  display: flex; flex-direction: column;justify-content: flex-end; position: relative;}
   .container-top:after { width: 100%; height: 3px; background: #252525; display: block; content: ""; position: absolute; left: 0; bottom: -15px; }
   .logo { width: 100%; text-align: center; margin-top: 0; margin-right: 0 }
    .logo img {width: 160px;}
    .menu li.active::after { background: #252525; bottom: 15px;}


    .naglowek-pattern {width: 400px; height: 50px; top: 100px;}

    .home .aktualnosci-flex {display: none;}
    .aktualnosci-slider {display: block !important; width: 75%;}
    .aktualnosci-slider .aktualnosc-box {width: 96%}
     .owl-carousel .owl-stage-outer{ overflow: visible !important; }
     .zobacz-mobile {display: inline-block;}
     .zobacz-desktop {display: none;}

    .main-tekst {padding-left: 0; margin-top: 44px;}
    .home-wystawa-f1, .home-wystawa-f3 {margin-right: 5px; }
    .home-wystawa-f4, .home-wystawa-f2 {margin-left: 5px; margin-bottom: 30px; }
    .home-wystawa-kolumna div {margin-bottom: 20px;}


    .wydarzenie {flex-wrap: wrap; margin-bottom: 45px; align-items: center;}
    .wydarzenie-godzina {  flex: 0 0 33.3%;}
    .wydarzenie-data { flex: 0 0 33.3%; }
    .wydarzenie-miejsce { flex: 0 0 33.3%; }
    .wydarzenie-big { flex: 0 0 100%; margin-top: 10px;  }


    .blog .aktualnosc-box, .archive .aktualnosc-box{ flex-direction: column; }
    .blog .aktualnosc-box-foto, .archive .aktualnosc-box-foto{ margin-bottom: 25px; }

    .stopka-kolumna-menu .menu {display: inline;}
    .stopka-kolumna-menu .menu a {display: block;}
    .stopka-kolumna-menu .menu a li { display: inline-block; }
    .stopka-kolumna-menu { padding-right: 30px; }

}

 @media only screen and (max-width: 940px) { 
  .timeline .container { width: 600px; }
  .timeline-prawa, .timeline-lewa {display: none;}
  .timeline-mobile { display: block; }
  .kreska-pion {left: 0}
  .timeline-pattern {left: 0}
  .blok { margin-top: 0 }
  .blok-1-prawa { margin-top: 100px; }
  .blok-lewa .content, .blok-prawa-padding .content {  padding-left: 100px; padding-right: 0}
  .blok-lewa .foto, .blok-prawa-padding .foto { margin-left: 100px; margin-right: 10px;}
  .blok-lewa .foto-2 { margin-left: 0 }
  .blok-lewa .foto:last-of-type {margin-left: 0}
}


 @media only screen and (max-width: 920px) { 
    .button {font-size: 14px;}

    .main-foto { flex: 0 0 300px;  }
    .main-apla { width: 775px; height: 409px; }
    .home-wystawa-lewa {padding-right: 50px;}
    .home-120lat-napis {left: 0; top: -39px;}
    .home-120lat-lewa .tekst {padding-left: 0}
    .home-120lat-prawa {margin-top: 50px; }

    .select-change-news { width: 140px;  }
    .miesiace span {line-height: 1.1}
    .container-small {width: 80%;}
    .czlonek {width: 23%; flex: 0 0 23%;}
    .komited-czlonkowie {margin-bottom: 40px;}
    .komited-nazwa { line-height: 1.2 }

    .media .container-small { width: 94% }

    .pattern-stopka-pion { left: -200px;  }
    .stopka-kolumna-lewa {padding-left: 35px;}

    .timeline {margin-top: 50px;}

}


 @media only screen and (max-width: 800px) { 

    .naglowek-container   {min-height: auto;}
    .naglowek-container .naglowek {min-height: 240px;}
    .naglowek-container h1 {margin-bottom: 30px; max-width: 400px;}
    article .naglowek-container h1 { max-width: 100% }
    h1, h2 { font-weight: 700; font-size: 45px; position: relative; z-index: 99;  margin-bottom: 10px; }
    .naglowek-apla {background-size: cover; width: 610px; height: 178px;}
    .naglowek-pattern  {right: -230px; }
    .select-change-news {top: -78px;}

    .aktualnosci-pattern img {width: 70%}
  

      .main-foto { flex: 0 0 250px; width: 250px;  }
    .main-apla { width: 674px; height: 357px; }
    .main-pattern { right: -428px; bottom: -165px;}
    .main-pattern img {width: 70%}
    .home-120lat-napis { width: 180px; height: 86px; top: -32px;}
    .home-wystawa-flex {flex-direction: column;}
    .home-wystawa-prawa { width: 70%; margin-left: 30% }
    .aktualnosci-slider .aktualnosc-box { flex-direction: column; }
    .aktualnosci-slider .aktualnosc-box  .aktualnosc-box-foto {  width: 96%; margin-bottom: 25px; }

    .aktualnosci-back {font-size: 25px; }
    .aktualnosci-back::before {top: -4px;}

    .blog .aktualnosc-box-foto, .archive .aktualnosc-box-foto{  width: 100%; }

    footer .tlo-seamless {padding-bottom: 30px; padding-top: 40px; }
    .stopka-flex { flex-direction:  column; }
    .stopka-kolumna-lewa {padding-left: 60px;}
    .stopka-kolumna2 {padding-left: 60px; margin-top: 50px;}
    .stopka-kolumna { width: 100%; flex: 0 0 100%; margin-top: 30px;}
    .copy-desktop { display: none }
    .copy-mobile { display: block; padding-left: 60px; margin-top: 30px; }
    .pattern-stopka-poziom {bottom: -175px;}
    .stopka-kolumna-lewa img {width: 230px;}
 }


 @media only screen and (max-width: 700px) { 

  .main-foto-desk { display: none; }
  .main-foto-mobile { display: flex; margin-top: 80px; align-items: center;}
  .main-foto-mobile h1 {line-height: 1.2;}
  .main-flex { flex-direction: column; }
  .main-opis {padding-left: 0 }
  .main-foto .foto {top: 0;}
  .main-opis h1 { display: none; }
  .home-120lat-flex { flex-direction: column; }
  .home-120lat-prawa {display: none;}
  .home-120lat-foto-mobile { display: block; }
  .home-120lat-foto-mobile img { width: 100%;  }

  .timeline-napis {text-align: left;}
  .timeline-napis-liczba {display: none;}
  .timeline-napis-liczba-mobile { display: block; width: 225px; height: 90px; }
  .timeline-naglowek { font-size: 25px; }
  .timeline .container { width: 100%; padding-right: 40px; padding-left: 20px; }
  .kreska-pion { width: 8px; left: 0px; margin-left: 0; }
  .timeline-pattern {margin-left: -25px;}




}



 @media only screen and (max-width: 600px) { 
  .naglowek-container .naglowek {min-height: 210px;}
  .naglowek-container h1 { margin-bottom: 0}
    h1, h2 { font-weight: 700; font-size: 35px; position: relative; z-index: 99;  margin-bottom: 10px;  }
    .naglowek {max-width: 280px;}
    .naglowek-apla {background-size: cover; width: 525px; height: 154px;}
    .naglowek-pattern  {right: -270px; }

    .main-foto {width: 200px; flex: 0 0 200px;}
    .main-apla {left: -340px;}
    .home-wystawa-prawa { width: 80%; margin-left: 20% }
    .home-120lat-napis {top: -44px;}

     .wydarzenie-godzina {  flex: 0 0 50%; text-align: right;}
    .wydarzenie-data { flex: 0 0 50%;  }
    .wydarzenie-miejsce { flex: 0 0 100%; margin-top: 10px; }
    .wydarzenie-big { flex: 0 0 100%; margin-top: 10px;  }

    .czlonek {width: 31.33%; flex: 0 0 31.33%;}
     .komited-czlonkowie {margin-bottom: 30px;}

     .media .container-small { width: 80% }
     .media-box {flex-direction: column; margin-bottom: 40px;}
     .media-logo {margin-bottom: 20px;}

     article .naglowek{ max-width: 100%; }
     .aktualnosci-back {font-size: 20px; margin-bottom: 10px; }
     .aktualnosci-back::before {top: -2px; }
     .naglowek-container h1 {margin-bottom: 20px;}
     .aktualnosc-panorama::after { padding-top: 60% }
     .select-change-news {top: -70px;}

     .aktualnosc-box-tytul {font-size: 20px;}

     footer {padding-top: 30px; }
     footer .tlo-seamless { padding-top: 60px; }
     .pattern-stopka-pion {display: none;}
     .stopka-kolumna2, .stopka-kolumna, .copy-mobile {padding-left: 0}
     .pattern-stopka-poziom {display: none;}
     .pattern-stopka-poziom-mobile {display: block; width: 365px; height: 80px; top: 0 ;}
     .stopka-kolumna {flex-direction: column;}
     .stopka-kolumna-menu {flex: 0 0 100%; width: 100%; padding-right: 0}
     .copy-mobile { position: relative;z-index: 9 }
     .stopka-tlo { width: 100%; height: 70px; background: #F2DB3D; position: absolute; left: 0; bottom: 0 }
     .stopka-menu2 { margin-top: 13px;  }

     .blok .naglowek { max-width: 100% }
     .page-id-5 footer {margin-top: 10px;}
}


@media only screen and (max-width: 550px) { 
  .blok .rozwin{ display: inline-block; }
  .blok .tresc-overflow{ overflow: hidden; height: 190px; position: relative;}
  .blok .tresc-overflow:after{ display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50px; content: '';
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   }
   .blok .tresc-overflow-auto{ }
   .blok .tresc-overflow-auto:after{ display: none; }

}


@media only screen and (max-width: 500px) { 
    .container-top { height: 100px; }
    .menuMobileClick {top: 40px;}
    .logo img {width: 120px;}

    .home-wystawa-prawa { width: 100%; margin-left: 0 }
    .home-wystawa-lewa {padding-right: 0}
    .home-wystawa-f1, .home-wystawa-f3 {margin-right: 2px; }
    .home-wystawa-f4, .home-wystawa-f2 {margin-left: 2px;}
    .home-wystawa-kolumna div {margin-bottom: 16px;}

    .select-change-news {top :0; position: relative; margin-bottom: 30px; width: 300px;}
    article .container-small { width: 100% }
    article .container-small p {margin: 15px 0;}
    article .wp-block-image {margin: 30px 0 20px 0;}
    .aktualnosc-panorama {margin-bottom: 30px;}

    .blok-prawa .content {padding-left: 70px;}
    .blok-lewa-70, .blok-lewa-80, .blok-prawa-80 { width: 100% }
    .blok .tytul {font-size: 30px;}
    .blok .naglowek {font-size: 20px;}
    .blok .foto {margin-bottom: 10px;}
    .blok .tresc {margin-top: 10px;}
    .blok-lewa .foto, .blok-prawa-padding .foto {margin-left: 70px;}
    .blok-lewa .content, .blok-prawa-padding .content { padding-left: 70px; }
    .blok-prawa .foto {margin-left: 70px;}
    .blok .foto-1, .blok .foto-2 { width: 114px; }
    .blok .foto-2 {margin-left: 0}
    .timeline .container {padding-right: 20px;}
    .blok .foto.szuman1 {width: 114px;}
    .blok .foto.szuman2 {width: 107px;}
}


 @media only screen and (max-width: 470px) { 

  .naglowek-pattern  {right: -320px; }
  .pattern-stopka-poziom-mobile {left: -90px;}

  .main-foto-mobile {margin-left: -4%}
  .main-foto {width: 100px; flex: 0 0 100px;}
  .main-apla { width: 598px; height: 314px;}
  .main-pattern { right: -470px; }
  .main-pattern img {width: 60%}
  .aktualnosci-pattern {left: -140px;}
  .aktualnosci-pattern img {width: 60%}

}


 @media only screen and (max-width: 400px) { 
  .naglowek-apla {z-index: 9}
  .naglowek-pattern { right: -60px; z-index: 8 }

  .aktualnosci-flex {flex-direction: column;}
  .aktualnosc-box {width: 100%}

  .czlonek {width: 48%; flex: 0 0 48%;}

  .timeline .container {padding-right: 20px;}
  .blok-prawa .content {padding-left: 70px; }
  .timeline .container {padding-left: 15px; }
  .timeline-pattern {padding-left: -30px; }

}

@media only screen and (max-width: 360px) { 
  .main-foto-mobile h1 { font-size: 32px; }
  .main-foto {margin-right: 15px;}

  .blok-prawa .content {padding-left: 50px;}
  .blok-lewa .foto, .blok-prawa-padding .foto {margin-left: 50px;}
    .blok-lewa .content, .blok-prawa-padding .content { padding-left: 50px; }
    .blok-prawa .foto {margin-left: 50px;}
    .timeline-pattern {margin-left: -40px;}
    .blok .foto-2 {margin-left: 0}


}



 @media only screen and (max-width: 350px) { 
  .media-box {align-items: center;}
  .media-logo {width: 100%; align-self: auto; margin-right: 0}

}