.artykuly-box {
  position: relative;
  margin: 0px 0px 0px 0px;
  clear: both;
}
.artykuly-box ul.lista {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.artykuly-box .news-list-box .item {
	width: 31%;
	box-sizing: border-box;
	margin:0px 2% 2em 0px;
	padding:1.5em 2% 2em 2%;
	background:#fff;
	border-radius:1.5em;
	position:relative;
	border:solid 1px rgb(233 233 233);
}
.artykuly-box .news-list-box .item:nth-child(2n){
	background:var(--tlo);
}
.artykuly-box .news-list-box h5 {
	font-weight: normal;
	display: block;
	clear: both;
	opacity: 1;
	margin:0.5em 0px 0em 0px;
	min-height: 2.2em;
	display: block;
	clear: both;
	font-size: 24px;
	color: #1a1a1a;
	text-transform: uppercase;	
}
.artykuly-box .news-list-box .intro {
	clear: both;
	color: #000;
	overflow: hidden;
	margin-bottom:2em;
	line-height:1.4em;
	color: #555;
	font-size: 14px;
}

.artykuly-box a.button {
  display: none;
  width: 31%;
  margin: 30px auto 0px auto;
  padding: 10px 0px 10px 0px;
  text-align: center;
}

.artykuly-box .news-list-box a img {
  margin: 0px auto 0px auto;
}



.artykuly-box .news-list-box .pic {
  overflow: hidden;
}
.artykuly-box .news-list-box .more {
  position: absolute;
  bottom: 20px;
  left: 15px;
}

@media screen and (max-width: 1070px) {
  .artykuly-box .lista .item {
    min-height: 180px;
    width: 50%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 920px) {
  .artykuly-box .lista {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 760px) {
  .artykuly-box .lista .item {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .artykuly-box .news-list-box {
    display: block;
    height: auto;
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
  }
  .artykuly-box .news-list-box h5 {
    min-height: 0;
  }
}