#kairos-content .jostreg {font-family: 'jostmedium';font-weight: 500;}

#kairos-content em {font-family: 'jostregular'}

#kairos-content h1,
#kairos-content h2,
#kairos-content h3,
#kairos-content p, 
#kairos-content p a:link, 
#kairos-content q, 
#kairos-content ul, 
#kairos-content li, 
#kairos-content li a:link {
  font-family: 'jostregular';
  font-weight: 400;
  font-size: 1rem;letter-spacing: .04rem;
}
#kairos-content h2 {font-size: 200%;}
#kairos-content a:link,
#kairos-content a:visited {
  text-decoration: none;
  color: #000;
  border-bottom: 1px dotted #000!important
}
#kairos-content a:hover,
#kairos-content a:visited:hover {border-bottom: 1px solid #000!important}
#kairos-content a:active {color: red;border-bottom: 1px solid red!important}


body#kairosbody {background: white}
  #kairosbody div#bg {
   position: fixed;top: 50%;left: 50%;z-index: 1;
   transform: translate(-50%,-50%);
   width: 100%;height: 100%;
   background-image:url('/projekty/kairos/Dziaczko-LOOKING-UP.jpg');
   background-repeat:no-repeat;
   background-position: top; 
   background-size:cover;
   opacity: .3;
  }
  #kairosbody div#page-content {/*                   the 100% fixed div container 'page' */
    position: fixed;top:  0;right:  0;bottom: 0;left:  0;z-index: 2;
    width: 100%;height: 100%;
    overflow-x: hidden;overflow-y: scroll;
  }
  #kairosbody div#kairos-content {
    position: relative;top: 12.5%;left: 50%; top: 100%;
    transform: translateX(-50%);
    width: 1000px;
  }


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


  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc {/*                                        projection screen */
    position: relative;left: 50%;z-index: 1;    
    transform: translateX(-50%);
    width: 1000px;height: 667px;
    overflow: hidden;
    margin-top: 1.5rem;
    background: black;
  }
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {/*                                                           slides */
    opacity: 0;
    position: absolute;top: 0;left: 0;
    width: 1000px;height: 667px; 
  }

  #chinavid {width: 1000px;height: 667px}

@media only screen and (max-width: 1111px) {/* keep aspectratio w/o BIG gaps */
  div#kairos-content     {width: 900px;max-width: 900px}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 900px;height: 600px}

  #chinavid {width: 900px;height: 600px}
}
@media only screen and (max-width: 999px) {/* keep aspectratio w/o BIG gaps */
  div#kairos-content     {width: 800px;max-width: 800px}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 800px;height: 533px}
  
  #chinavid {width: 800px;height: 533px}
}
@media only screen and (max-width: 888px) {/* keep aspectratio w/o BIG gaps */
  div#kairos-content     {width: 700px;max-width: 700px}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 700px;height: 467px}
  
  #chinavid {width: 700px;height: 467px;}
}
@media only screen and (max-width: 777px) {/* keep aspectratio w/o BIG gaps */
  div#kairos-content     {width: 600px;max-width: 600px}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 600px;height: 400px}
  
  #chinavid {width: 600px;height: 400px}
}
@media only screen and (max-width:  666px) {/* keep aspectratio w/o BIG gaps */
  div#kairos-content     {width: 500px;max-width: 500px;}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 500px;height: 333px}
  
  #chinavid {width: 500px;height: 333px}
}
@media only screen and (max-width:  555px) { 
  div#kairos-content     {width: 400px;max-width: 400px;}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 400px;height: 266px}

  #chinavid {width: 400px;height: 266px}
}
@media only screen and (max-width:  444px) {

  #kairosbody div#kairos-content {top: 85%!important}

  div#kairos-content     {width: 300px;max-width: 300px;}
  #kairosbody #kairosgallery,
  #kairosbody #kairosgalleryb,
  #kairosbody #kairosgalleryc,
  #kairosbody .kairos,
  #kairosbody .kairosb,
  #kairosbody .kairosc {width: 300px;height: 200px}

  #chinavid {width: 300px;height: 200px}
}


#kairosbody #kairosgallery-fs,
#kairosbody #kairosgallery-fsb,
#kairosbody #kairosgallery-fsc {
  display: none;
  position: fixed;top:  50%;left:  50%;z-index: 111;
  transform: translate(-50%,-50%);
  min-width: 100%;min-height: 100%;
  background: black;
}
#kairosbody .kairos-fs,
#kairosbody .kairos-fsb,
#kairosbody .kairos-fsc {/*                                                           slides */
    opacity: 0;
    position: absolute;top: 50%;left: 0;
    transform: translateY(-50%);
    width: 100%;height: auto; 
  }

  #kairosbody #pausekairos,
  #kairosbody #continuekairos,
  #kairosbody #fullscreenkairos,
  #kairosbody #pausekairos-fs,
  #kairosbody #continuekairos-fs,
  #kairosbody #fullscreenkairos-fs,

  #kairosbody #pausekairosb,
  #kairosbody #continuekairosb,
  #kairosbody #fullscreenkairosb,
  #kairosbody #pausekairos-fsb,
  #kairosbody #continuekairos-fsb,
  #kairosbody #fullscreenkairos-fsb,

  #kairosbody #pausekairosc,
  #kairosbody #continuekairosc,
  #kairosbody #fullscreenkairosc,
  #kairosbody #pausekairos-fsc,
  #kairosbody #continuekairos-fsc,
  #kairosbody #fullscreenkairos-fsc  {
    display: inline-block;
    position: absolute;bottom: .5rem;left: .5rem;z-index: 9;
    border: none;background: transparent;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    opacity: .65;
    margin: 0;padding: 0;
  }
  #kairosbody #pausekairos,
  #kairosbody #pausekairos-fs,
  #kairosbody #pausekairosb,
  #kairosbody #pausekairos-fsb,
  #kairosbody #pausekairosc,
  #kairosbody #pausekairos-fsc {
    font-size: 100%;
  }
  
  #kairosbody #fullscreenkairos,
  #kairosbody #fullscreenkairos-fs,
  #kairosbody #fullscreenkairosb,
  #kairosbody #fullscreenkairos-fsb,
  #kairosbody #fullscreenkairosc,
  #kairosbody #fullscreenkairos-fsc {bottom: .46rem;right: .5rem;left:  auto}

  #kairosbody #fullscreenkairos-fs,
  #kairosbody #fullscreenkairos-fsb,
  #kairosbody #fullscreenkairos-fsc  {bottom: .35rem;}

  #kairosbody #pausekairos:hover,
  #kairosbody #continuekairos:hover,
  #kairosbody #fullscreenkairos:hover,
  #kairosbody #pausekairos-fs:hover,
  #kairosbody #continuekairos-fs:hover,
  #kairosbody #fullscreenkairos-fs:hover,

  #kairosbody #pausekairosb:hover,
  #kairosbody #continuekairosb:hover,
  #kairosbody #fullscreenkairosb:hover,
  #kairosbody #pausekairos-fsb:hover,
  #kairosbody #continuekairos-fsb:hover,
  #kairosbody #fullscreenkairos-fsb:hover,

  #kairosbody #pausekairosc:hover,
  #kairosbody #continuekairosc:hover,
  #kairosbody #fullscreenkairosc:hover,
  #kairosbody #pausekairos-fsc:hover,
  #kairosbody #continuekairos-fsc:hover,
  #kairosbody #fullscreenkairos-fsc:hover {opacity: 1}


  #kairosbody #continuekairos,
  #kairosbody #continuekairos-fs,

   #kairosbody #continuekairosb,
  #kairosbody #continuekairos-fsb,

   #kairosbody #continuekairosc,
  #kairosbody #continuekairos-fsc {display: none}
  
  #kairosbody small.kairosgallery-copy {
    display: block;
    font-family: 'light';font-size: .75rem; 
    margin-bottom: 1.5rem;
    width: 100%;text-align: right;
  }
  #kairosbody p#kairos-poem {padding-left: 1rem;font-style:italic;line-height: 2;}
  #kairosbody span#kairos-poem-author {font-style: normal;display: inline-block;padding-top: .5rem;}
  #kairosbody img#kairoslogos,
  #kairosbody img#kairosmonalogo {width:  600px;max-width: 100%;}
  /*#kairosbody img#kairosmonalogo {width:  300px;max-width: 50%;}*/

#kairos-content p,#kairos-content li, #kairos-content a:link {font-size: 1.15rem!important;}


#kairos-content h2 {font-size: 444%}


#kairos-content figure {display: inline-block;width: 1000px;max-width: 100%;margin: 0;padding: 0}
#kairos-content figure img {display: inline-block;width: 1000px;max-width: 100%}
#kairos-content figcaption {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-family: 'light';font-size: .75rem; 
}

#kairosbody div#kairos-content {
    position: relative;top: 12.5%;left: 50%; top: 88%;
    transform: translateX(-50%);
    width: 1000px;
  }