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


#start1, #start2, #start3 {
  width: 90%;
}

#start1 img {
  width: 70%;
}

#logo-logo, #logo-logo2 {
  margin: 3px 10px 0 6px;
}

#logo-logo img, #logo-logo2 img {
  width: auto;
  height: 45px;
}


#logo-logo-foto {
  margin: 9px 0px 0 9px;
}

#logo-logo-foto img {
  width: auto;
  height: 45px;
}





.menu { 
 width: 100%;
 height: 50px;
}

#buttons {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 50px;
 height: 40px;
 width: 100%;
 display: block;  
 background-color: rgba(0,0,0,0.5);
   display: flex;
  justify-content: center;
  align-items: center;
}	

#buttons a {
 width: 24vw;
 height: 32px;
 display: inline-block; 
}	

.example_c {
 color: #bbbbbb;
 text-transform: uppercase;
 text-decoration: none;
 background: rgba(0,0,0,0.8);
 padding: 0px;
 margin: 4px 0 4px 4px;
}

.example_c p {
 padding: 0px;
 margin: 0px;
 font-family: "Lato", serif;
 font-weight: 600;
 font-size: 13px;
 line-height: 32px;
 text-align: center;  
 vertical-align: middle;
}

#buttons p.bigbig {
 font-size: 16px;
 line-height: 32px;	
 font-weight: 400;
 margin: 0;
  padding: 0px 0px 0 0;
  letter-spacing: 0px;
}




#menu .lang-box{
  display: block;
  width: 30px; 
  position: fixed;
  top: 0px;
  right: 0px;
 background: rgba(0,0,0,0.5); 

}

#menu .lang1 {
 cursor: pointer;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0px 0px 0 3px;
//  background: rgba(100,0,0,0.7); 
  opacity: 0.8;
}




#buttons2 {
 position: fixed;
 top: 0px;
 right: 37px;
 width: 147px;
 height: 50px;
 display: block; 
 //background-color: #fffaaa;
 margin: 0px 0 0 0;
 padding: 0 0 0 0;
}

.menu-music {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 12px;
  left: 0px;
  padding: 0 0px 0 0px;
  margin: 0px 0 0 0;
}

.menu-info {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 12px;
  left: 30px;
  padding: 0 0px 0 0px;
  margin: 0px 0 0 0;
}

.menu-wcag1 {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 12px;
  left: 60px;
  padding: 0 0px 0 0px;
  margin: 0px 0 0 0;
}

.menu-wcag2 {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 12px;
  left: 90px;
  padding: 0 0px 0 0px;
  margin: 0px 0 0 0;
}

.menu-audiodeskrypcja {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 12px;
  left: 120px;
  padding: 0 0px 0 0px;
  margin: 0px 0 0 0;
}










#search-display {
  width: 100%;
  height: calc(100% - 90px);
  top: 90px;
  overflow-y: scroll;
  position: absolute;	
}

#search-display-content {
  width: 96%;
  margin: 0px auto 0px auto;
  overflow: hidden;
  clear: both;
}

#search-display-content .search-display-content222 {
  width: 100%;
  margin: 10px auto 10px auto;
//  background: rgba(255,255,255,0.8);
}


#search-display .obraz_linkdoobrazu {
  right: 10px; 
  opacity: 0.55;
}






#foto-box {
 width: calc(100% - 10px);
 height: calc(100% - 10px);
 position: relative;
 top: 5px;
 left: 5px;	
}

.showOpisButton {
 display: block;	
  position: fixed;
  top: 58px;
  right: 8px;
  z-index: 720;
  cursor: pointer;	
}	




.foto-menu { 
 cursor: grab;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 margin: 0;
 padding: 0px 0 0 0;
 right: -100%;
box-shadow: none;
}	
	





#wystawa .wystawa-box {
 width: 100%;
 margin: 0;
 padding: 20px 0 40px 0;
 display: block;
 overflow: hidden;
 clear: both;    
}

#wystawa .wystawa-box1 {
 width: 100%;
 margin: 0;
 padding: 0;
 float: none;  
 text-align: center; 
}

#wystawa .wystawa-box1 img {
 width: 90%;
}

#wystawa .wystawa-box2 {
 width: 90%;
 margin: 0 auto;
 padding: 0;
 float: none;   
}

#wystawa .wystawa-box2 iframe {
 width: 100%;
 height: 60vw;
}



.miejsca-box1 {
 margin: 30px auto 0 auto;	
 display: block;	
 width: 90%;
}

.miejsca-box2 {
  display: block;	
  width: 100%;
}











	
}



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

#start1 img {
  width: 100%;
}
	
	
#buttons a {
 width: 31vw;
 height: 32px;
 display: inline-block; 
}
	
.example_c p {
 font-size: 10px;
}	
	
#buttons p.bigbig {
 font-size: 13px;
}



	
	
	
	
	
	
}