/*.col-md-12{*/
/*-webkit-transform: translate3d(0,0,0);*/
/*
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
perspective: 1000;

*/
#menu{


}
@font-face {
	font-family: 'warsaw';
	src:url('../fonts/warsaw_-_standard_-_pro-webfont.eot') format('embedded-opentype'),
		url('../fonts/warsaw_-_standard_-_pro-webfont.woff') format('woff'),
		url('../fonts/warsaw_-_standard_-_pro-webfont.ttf') format('truetype'),
		url('../fonts/warsaw_-_standard_-_pro-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
margin-top: 0px;
margin-bottom: 0px;
color:#000;
line-height: 1;
text-transform: uppercase;
}

a, a:hover, a:active {
text-decoration:none !important;
}
a, a:active {
color: #333 !important;
}
a:hover {
color: #000;
}

.st-menu ul li a:hover {
color:#fff !important;
}
    
.right-menu {
position: fixed; top: 0px; right: 0px; 
height: 100%;  
z-index:10;
padding: 24px 0px;
width:6%; 
text-align: center;  
/* border-left: 1px #444 dotted; */    	
}

#menu {
position:fixed;
top:0px;
left:0px; 
z-index:20;
	/*border: 2px red solid;*/

}  

#menu img {
width: 99px; 
padding:15px;
}
  
#ilustracja{
/*position: fixed; */
	float:right;
top: 0px; 
margin-right:6%;
width:50%;
height:100%;
/* border: 1px #444 dotted;*/
text-align: center;
vertical-align: center;
/*padding:10% 0px;
padding:10vh 0px;*/
}

.flip-container {

	float:right;
height: 100vh;
margin-right:auto;
margin-left:auto;
	width:100%;
	/*height:80vh;*/
 /*border: 1px #444 dotted;*/
text-align: center;
vertical-align: center;
	/*overflow: hidden;*/
/*padding:10% 0px;
padding:10vh 0px;*/
}
.ilustracja-mobile {
margin: 0px 0px;
}
.ilustracja-mobile img {
width:100%; margin:auto;
}

.dwustronna {
padding-bottom:20px;
padding-top:20px;
}
.linki-teksty {
padding-bottom:10px;
}

#opis {
position:absolute;
top:126px;
left:95px;
width:37%;
height:80%;
 /*border: 1px #444 dotted;*/
}
#linki {
/*margin-top:10%;*/
/*position:relative;*/
	bottom: 10vh;
	/*margin-top: 10%;*/
	position: absolute;
/*border: 1px red solid;*/
}

.social {
font-size:1.6em;
padding-top:20px;
}
.social a {
padding-right:15px;
position: relative;
/*bottom:-6px;*/
}
span.fb-like {
padding-right:20px;
}

#o-wystawie {
color:#000;
font-size:11px;
position:fixed;
left:99px;
top:78px;

}
#o-wystawie p, .opis p {
border-top: 2px solid #000;
margin: 5px 0;
padding-right: 10px;
}
#winieta, #winieta img, .ilustracja-home, .ilustracja-home img {
position:fixed;
}
#winieta, #winieta img {
z-index:11;
}
.partner {
position: absolute;
}

#ilustracja img.pion {
/*height: 90%;*/
height: 80vh;
}
#ilustracja img.poziom {
	max-width: 95%;
/*width:100%;
	height: 90%;*/
/*position:relative;*/
/*top:50%;*/
	/*max-height: 90%;
	max-height: 80vh;*/
/*	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
}

#tekst {
width:50%;
margin-top:121px;
margin-left:99px;
padding-bottom:50px;
}

#tekst p {
font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;
max-width:600px;
}
#tekst h1 {
margin-bottom:20px;
}
.lead {
font-family: "warsaw","Helvetica Neue",Helvetica,Arial !important;
}
#linki.tekst {
position:relative;
top:0px;
left:0px;
}

#winieta-tekst {
position:fixed;
right:15px;
top:15px;
}
#winieta-tekst img {
height:166px;
}



/* desktop */
@media (min-width: 991px) {
	 
#winieta img {
bottom: 5%; 	
bottom: 5vh; 
left: 99px;
height: 60vh;
}
.ilustracja-home img, .ilustracja-home {
max-height: 100%;	
height: 100vh;
bottom:0px;
right:6%;
}
.partner {
bottom:5vh; width: 100%;
}
}

/* cuda na kiju czyli proporcje */
@media screen and (max-aspect-ratio: 556/300) and (min-width: 991px) {
#winieta img, #winieta {
bottom:5vh; 
left:15px;
width:34%;
height:auto;
}
}

@media screen and (max-aspect-ratio: 385/300) and (min-width: 991px) {
#winieta img, #winieta {
width:29%;
}
}
@media screen and (max-aspect-ratio: 355/300) and (min-width: 991px) {
#winieta img, #winieta {
width:230px;
}
}

/* dla pion desktop eee */
@media (min-width: 991px) and (max-height: 490px) {
#linki {
position:relative;
left:0px;
top:0px;
margin-bottom: 50px;
}
#ilustracja {
/*padding: 5vh 0px;*/
}
nav a {
top: 200px;
}
#ilustracja img.pion {
height: 90vh;
}
}


/* dla tabletów i telefonów */
@media (max-width: 991px) { 
#opis {
width:100%;
top:121px;
left:0px;
padding: 0 89px 0 89px;
}
#linki {
position:relative;
left:0px;
top:0px;
margin-bottom: 50px;
}
.bt-menu-trigger {
background-color: #fff;
height:81px
top:0px;
}
#menu img { 
padding:10px;
width: 89px;
}
.bt-menu-trigger {
left:89px;
}
#o-wystawie {
left:89px;
top:69px;
}
#o-wystawie p {
padding-top: 3px;
}
#winieta img {
top:0px; 
right:0px;
height:35%;
height:35vh;
}
.ilustracja-home img, .ilustracja-home {	
bottom:0px;
left:0px;
max-height:65%;
width:auto;
height:65vh;
}
.partner {
bottom:10px;
right:10px;
}
#tekst {
width:60%;
margin-top:117px;
margin-left:89px;
}
#winieta-tekst {
position:absolute;
top:-110px;
right:10px;
}
#tekst h1 {
max-width:420px;
}


}

/* dla telefonów */
@media (max-width: 766px) {
.col-md-12 {}
#opis {
position:absolute;
top:110px;
left:0px;
padding-left: 10px;
padding-right: 10px;
width:100%;
}
#menu {
background-color: #fff;
width: 100%;
border-bottom: 1px #444 solid;
z-index: 1000;
}
.bt-menu-trigger {
left:10px;
top:7px;
}
#menu img {
float:right;
padding: 10px;
width: 75px;
}
#winieta img, #winieta, .ilustracja-home img, .ilustracja-home {	
position: relative;
padding:5px;
}
.opis {
padding:10px;
}
#winieta img, #winieta {
margin-top:40px;
width:100%;
height:auto;
}
.ilustracja-home img, .ilustracja-home {	
width:100%;
height:auto;
}
#tekst {
width:100%;
margin-top:100px;
margin-left:0px;
padding:10px;

}
h1 {
font-size: 36px;
}
}



.prace p {
	font-family: "warsaw","Helvetica Neue",Helvetica,Arial !important;
	padding-left:60px;
}
div.prace {
	margin-top:75px;
	margin-bottom:75px;
}

@media (max-width: 766px) {
	.prace p {
		padding-left:0px;
	}
	div.prace {
		margin-top:30px;
		margin-bottom:30px;
	}
}
/*	@media (max-width: 991px) and (min-width: 768px) {	} */