.layout-pictures-wrapper{
    margin:0 auto;
    padding:0 10px;
    position:relative;
	#z-index: 5;
	display: flex;
  justify-content: center;
  font-family: Helvetica,Arial,sans-serif;

}
.layout-pictures-wrapper:before,.layout-pictures-wrapper:after{
    content:" ";
    display:table
}
.layout-pictures-wrapper:after{
    clear:both
}


.layout-pictures-module{
	overflow: auto;
	#text-align: center;
}

#.layout-pictures-module  h1{  font-family: Helvetica,Arial,sans-serif;      font-size: 30px; }

.home-pictures-motto{
   bottom: 0;
    color: #000000;
    font-family: "Italianno",cursive;
    font-size: 50px;
    
    text-align: center;
    width: 100%;
}

.home-pictures-image{
#	width:	510px;
	max-width:	510px;
	width:	100%;
	height:	340px;
	max-height:	340px;
	#float: left;
	margin:	10px;
	display:inline-block;
	color:	#ffffff;
	text-transform: uppercase;
    position: relative;
	text-align: left;
	-webkit-transition: all .75s ease;
}
.home-pictures-image img{
	position: absolute;
}

.home-pictures-image::after {
	max-width:	510px;
	width:	100%;	
#	width:	510px;
	height:	340px;
    position: absolute;
    content: '';
    background-color: #fff;
    opacity: 0;
	
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
		
}

.home-pictures-image:hover::after{
	opacity: .6;
	
	
}
.home-pictures-image h3{
	position:	absolute;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
	-webkit-transition: all .75s ease;

	text-align:center;	
    bottom:	0;
	width:	 100%;
	font-weight: normal;
}
.home-pictures-image:hover{
	
}
.home-pictures-image:hover h3{
	color:	#000;
	z-index:	2;
	bottom:	50%;
	#font-size:	150%;
	font-weight: bold;
	
}


.galeria-przycisk-next, .galeria-przycisk-prev {
    display: block;
	width:	45px;
}

.galeria-przycisk-next  .symbol-chevron ,.galeria-przycisk-prev  .symbol-chevron {
	top: 50%;
	border-color: #141414;
	position: absolute;
	

}
.galeria-przycisk-prev .symbol-chevron {
	left: 45px;
}
.galeria-przycisk-next .symbol-chevron {
	right: 0;
}

.galeria-przycisk-next{
	float:	right;
}
.galeria-przycisk-prev {
	float: left;
}


.galeria-przycisk-disabled {
    opacity: 0;
    cursor: default;
}


.galeria-obraz{
	
}
.galeria-obraz-disabled{
    opacity: 0;
    cursor: default;
}




.layout-gallery{
  position: relative;
}

.layout-gallery-okno{
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
	overflow: hidden;


}

.layout-gallery-lista:last-child::after {
    clear: both;
    content: "";
}
.layout-gallery-lista{
    width: 200000em;
}

.layout-gallery-lista > .home-pictures-image{
	float: left;
}



@media (max-width: 1750px){
	.home-pictures-image::after, .home-pictures-image{
		max-width: 450px;
		max-height:300px;
		
	}
}
@media (max-width: 1500px){
	.home-pictures-image::after, .home-pictures-image{
		max-width: 400px;
		max-height:267px;
		
	}
}
@media (max-width: 1400px){
	.home-pictures-image::after, .home-pictures-image{
		max-width: 350px;
		max-height:	234px;
		
	}
	
}
@media (max-width: 1200px){
	.home-pictures-image::after, .home-pictures-image{
		max-width: 300px;
		max-height:	200px;		
	}
	.layout-pictures-wrapper h3{
		font-size: 18px;
	}
}
@media (max-width: 1024px){
	
	.home-pictures-motto {
		font-size: 40px;
	}
	.layout-pictures-module{
		text-align: center;
	}

	.layout-pictures-wrapper{
		display: block;
	}
	.home-pictures-image::after, .home-pictures-image{
		max-width: 510px;
		max-height:	340px;
		
	}
		.layout-pictures-wrapper h3{
		font-size: revert;
	}	
	
}

@media (max-width:560px){
.home-pictures-motto {
    font-size: 30px;

}
	.home-pictures-image img{
		position: relative;
		max-width: 100%;
		max-height: 100%;
		
		object-position: center center;
		object-fit: cover;
		padding: 5px;
	}
	.home-pictures-image{
		display: block;
		min-width: 100%;
		min-height: 100%;
		#margin:	10px;
		width:	100%;
		height:	100%;
		margin:	0;

	}
	.home-pictures-image::after {
		#margin:	10px;
		min-width: 100%;
		min-height: 100%;
		width:	100%;
		height:	100%;
		top:	0;
		left: 0;
	}

}
}