.list-horizontal {
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  width: 100%;
  gap: 30px;
}

.list-item {
  flex: 1 0 30%;
}

.item-block {
  height: 100%;
}

@media (min-width:1080px) {
  .list-item-flex {
    flex: 1 0 30%;
    max-width: 30%;
  }
}

@media (min-width:640px) and (max-width: 1080px) {
  .list-item-flex {
    flex: 1 0 47%;
    max-width: 47%;
  }
}

@media (max-width: 640px) {
  .list-item-flex {
    flex: 1 0 100%;
  }

  .list-project-flex {
    flex: 1 0 100%;
  }
}


@media (min-width:640px) and (max-width: 980px) {
  .list-project-flex {
    flex: 1 0 47%;
    max-width: 47%;
  }
}

@media (min-width: 980px) {
  .list-project-flex {
    flex: 1 0 100%;
    max-width: 420px;
  }
}

#more-news {
  display: inline-block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
  border-radius:5px;
  background-color:white;
  cursor: pointer;
  font-size: 16px;
  color: rgb(34,34,34);
}