.przeplataniec1 {
	margin-top:4em;
	overflow:hidden;
	margin-bottom:2em;
}
.przeplataniec1 .item {
  clear: both;
  padding: 0px;
  display: flex;
  position:relative;
  margin-bottom:1em;
  flex-direction: row-reverse;
}
.przeplataniec1 .item:nth-child(2n){
	left:unset;
}
.przeplataniec1 .item > * {
  box-sizing: border-box;
  position:relative;
}
.przeplataniec1 .item > .content{
  width: 60%;
}
.przeplataniec1 .item > .img{
	width:40%;
	min-height:500px;
}
.przeplataniec1 .item>.img > img {
  position:absolute;
  right:-2%;
  height: 120%;
  height:auto;
  max-width:120%;
}
.przeplataniec1 .item:nth-child(2n+1) > .img>img{
	width:120%;
	left:-7%;
	height:auto;
	max-height: 120%;
	object-fit: cover;	
}
.przeplataniec1 .item:nth-child(2n) > .content>.description{
  margin-left:-2%;
}
.przeplataniec1 .item .content{
	display:flex;
	padding:2em 0px 3em 0px; 
}
.przeplataniec1 .content .description{
  color: #1d1c1b;
  padding: 40px 8% 50px 8%;
  background:#fafafaee;
  margin:auto 4% auto auto;
  width:80%;
  z-index:1;
  box-shadow:7px 7px 15px rgba(0,0,0,0.4);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.przeplataniec1 .content .description p{
	text-align:justify;
}
.przeplataniec1 h2{
	color:var(--fioletowy);
}
@media screen and (max-width: 1360px) {
	.przeplataniec1 .item > .img > img{
		max-width:50vw;
	}
}
@media screen and (max-width: 560px) {
  .przeplataniec1{
	margin-top:1rem;
  }
  .przeplataniec1 .content .description{
	  padding: 30px 6% 50px 6%;
  }
	.przeplataniec1 .content .description p{
		text-align:left;
	}  

  .przeplataniec1 .item > *{
	  width:100%;
  }
  .przeplataniec1 .item{
	  flex-wrap:wrap;
	margin-bottom:2em;
	
  }
  .przeplataniec1 .item:nth-child(2n){
	  flex-direction:column-reverse;
  }
  .przeplataniec1 .item > .content,.przeplataniec1 .item > .img,.przeplataniec1 .content .description{
		width: 100%;
		box-shadow:none;
		margin:0px;
		min-height:auto;
  }
  .przeplataniec1 .item > .content{
	  padding:0px;
	  margin-bottom:-2em;
  }  
  .przeplataniec1 .item:nth-child(2n) > .content > .description{
	  margin-left:0px;
  }
  .przeplataniec1 .item>.img{
	  width: 110%;
	  margin-left:-5%;
  }
  .przeplataniec1 .item>.img > img,.przeplataniec1 .item:nth-child(2n+1) > .img > img{

	position:relative;
	max-width:none;
	width:105%;
	right:unset;
	left:unset;
	height:100%;
	object-fit:contain;
	  
  }
}