body {
	background-image: url(assety/bilet.png);
	background-repeat: repeat;
	background-size: 10vw;
	background-attachment: fixed;
	font-family: 'Josefin Sans', sans-serif, bold;
	overflow-x: hidden;
	width: 100vw;
}

.container {

}

#bilecik {
	width: 20vw;
	margin-left: 31vw;
}
 #o2 {
	transform: rotate(90deg);
	width: 1.5vw;
}
#nazwagaleria {
	font-size: 3.5vw;
	margin-left: 42vw;
	color: #fedb0d;
}

#powrot {
	float: left;
    margin: 0;
    }
   #sampowrot {
   	margin:0;
   	float: right;
   	color: #fedb0d;
   	margin-left: 1vw;
   	font-size: 2vw;
   }

.sztuka-title {
	color: white;
}

.xs-hidden {
	text-decoration: none;
	color: white;
}
a.xs-hidden {
	padding: 10px;
    margin: 1em;
    border: 3.5px solid #fff;
    font-size: 1.25em;
}
div.cssbox {
	display:inline-block;
	border: solid 3px #fff;
}
span.cssbox_full {
	position:fixed;height:100%;width:100%;
	background-color:rgba(0,0,0,0.8);
	top:0;left:0;opacity:0;
	pointer-events:none;
	transition:opacity .5s linear;
}
span.cssbox_full img {
	position:fixed;
	margin:0;
	padding:0;
	max-height:90%;
	max-width:90%;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%,-50%);
	box-shadow:0 0 20px #000;
}
span.cssbox_full img[src*="loading.gif"] {
	box-shadow:none;
	width:50px;
	height:50px;
}
a.cssbox_close,a.cssbox_prev,a.cssbox_next {
	position:fixed;
	text-decoration:none;
	visibility:hidden;
	color:#fff;
	font-size:36px;
}
a.cssbox_close {
	top:1%;
	right:1%;
}
a.cssbox_close::after {
	content:'\00d7';
}
a.cssbox_prev,a.cssbox_next {
	top:50%;
	transform:translate(0%,-50%);
}
a.cssbox_prev {
	left:5%;
}
a.cssbox_next{right:5%}a:target ~ a.cssbox_close,a:target ~ a.cssbox_prev,a:target ~ a.cssbox_next{visibility:visible}a:target > img.cssbox_thumb + span.cssbox_full{visibility:visible;opacity:1;pointer-events:initial}span.cssbox_full{cursor:initial}.dzien{border-bottom:2px solid rgba(250,250,250,0.77);padding:3px;text-align:center}.sztuka{padding:3em 2px;text-align:left;width:100%;height:100%}.cssbox_thumb{height:75px}.sztuka-title{text-align:center}.sztuka-content > div{margin:10px 0 10px 10px}.sztuka-wrapper{width:100%;display:inline-flex}.sztuka-wrapper:target{padding:90px 0;transition:padding .5s .5s ease}.sztuka-wrapper:target .sztuka{background:rgba(40,62,232,0.5);color:#000}.sztuka-wrapper:target .sztuka a{color:#000}.sztuka-wrapper:target .sztuka .sztuka-title small{color:#000}@media screen and (max-width: 870px){.sztuka-wrapper{display:inline}}.galeria-klasa{width:17.1vw;height:17.1vw;display:inline-flex;margin:.5vw;color:#fff;border:0.75vw solid #fff;background:#000 no-repeat;background-size:cover;background-color:rgba(0,0,0,0.4);position:relative;text-shadow:1px 1px #000;transition:.3s}@media screen and (max-width: 870px){.galeria-klasa{display:block;width:100%;margin-bottom:10px;height:69vw}}.galeria-klasa span{position:absolute;bottom:0;font-size:1.5em;right:.2em}.galeria-klasa p{position:absolute;text-align:center;width:100%;font-size:2em;top:30%;bottom:50%;transition:.3s}@media screen and (max-width: 1279px){.galeria-klasa p{font-size:1.6em;transition:.3s}}@media screen and (max-width: 1000px){.galeria-klasa p{font-size:1.3em;transition:.3s}}@media screen and (max-width: 900px){.galeria-klasa p{font-size:1.6em;transition:.3s}}
.galeria-nazwa {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	transition:.3s;
}
.galeria-nazwa:hover {
	opacity:0;
	color: #fedb0d;
}
.galeria-klasa span {
	color: #fedb0d;
}
.galeria-klasa {
	border: 0.75vw solid #fedb0d;
	color: #fedb0d;
}

@media screen and (orientation:portrait) {
	body{
	background-attachment: fixed;

	background-repeat: scroll;
	}
	#powrot{
		transform: scale(2);
		margin-left: 5vw;
	}
	#bilecik, #nazwagaleria {
		transform: scale(2);
		margin-bottom: 4vh;
	}
	#bilecik {
		margin-top: 5vh;
		margin-left: 25vw;
	}
	#nazwagaleria {
		margin-left: 54vw;
	}
	.galeria-klasa {
		margin-left: 10vw;
	}
}