<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> 
@media screen and (max-width: 1200px) {
   nav, footer, #slideholder,#superfooter { width: 100% ; margin-left: 0; margin-right: 0}
   .home .caption {  right: 2%;  margin-right: 0!important; width: 50%  }
   .logo {     margin-left: -2%; }
   .bubbles {   margin-left:  -2%; }   
   #insuperfooter div   { width: 50%}
   #insuperfooter div:nth-of-type(2) { text-align: right; }
   #insuperfooter div:nth-child(2) h4 , #insuperfooter .microdata span {  float: right; }
   #insuperfooter div.projekty { clear: left; width: 70% }
   #insuperfooter div:nth-child(4) { width: 30% }
   #insuperfooter { padding-bottom: 50px; }
}    
@media screen and (max-width: 1100px) {
   nav #menu { margin-left: 0; margin-right: 0 }
   #menu li span {   padding-left: 10px;  padding-right: 10px; }
}
@media screen and (max-width: 900px) {
   #homebox1 { width: 94%; margin-lefT: 3%; height: auto; min-height: auto;}
   #news { margin-lefT: 3%; width: 45%; min-width: 45%;  }
   #members  { margin-lefT: 2%; width: 45%; min-width: 45%;  }
   #members { padding-bottom: 50px; }
}  
@media screen and (max-width: 850px) {
  nav #menu { display: none; }
  nav #startmenu { display: block; }
  
}  

@media screen and (max-width: 800px) {
   .cc-banner .cc-bottom .cc-window{  bottom: 98px!important; }
 
 
  
    
 
}   

@media screen and (max-width: 750px) {
  .home .caption {  width: 70%  }
  
}  

@media screen and (max-width: 600px) {
   .home .caption {  width: 90%; right: 5%; top: 150px }
   #homebox1, #news,  #members  { width: 94%; margin-lefT: 3%; height: auto; min-height: auto;}
   #insuperfooter div   { width: 100%}
   #insuperfooter div:nth-of-type(2) { text-align: left; }
   #insuperfooter div:nth-child(2) h4 , #insuperfooter div:nth-child(4) h4 , #insuperfooter .microdata span {  float: left; }
   #insuperfooter div.projekty { clear: left; width: 100% }
   #insuperfooter div:nth-child(4) { width: 100%; text-align: left;  float: left; }
   #superfooter .social {     float: left; }

  
 

}

@media screen and (max-width: 450px) {
 
  #slideholder, .slide {  height: 390px;}
  #slideshow .caption p { display: none } 
 
}
     
 @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {

.cc-window.cc-bottom {
    bottom: 55px!important;
    padding-top: 10px!important;
    font-size: 12px!important;
}
 }</pre></body></html>