/*_______________________________________________________________________*/
/* section bottom*/
.s-articles__body {
  margin: 2.5rem 0 0 0;

  img {
    transition: opacity 0.3s;
    will-change: transform;
    border-radius: 0.5rem;
  }
}

.s-articles__left {
  flex: 0 0 50%;
  border-bottom: 1px solid var(--color-border);
  padding: 0 0 2.5rem 0;
  margin: 0 0 3rem 0;

  & img {
    margin: 0 0 1.8rem 0;
  }

  &:hover img {
    opacity: 0.85;
  }
}

.s-articles__right {
  flex: 0 0 45%;
}

.s-articles__box {
  margin: 0 0 1.5rem 0;

  &:
  hover .s-articles__img img {
    opacity: 0.85;
  }

  &:
  last-child {
    margin: 0;
  }
}

.s-articles__img {
  margin: 0 2rem 0 0;

  & img {
    height: 8.5rem;
  }
}

.s-articles__content {
  flex: 3;
}

.s-articles__img img {
  width: 140px;
	border-radius:5px; 
}

@media (min-width: 992px) {
  .s-articles__body {
    margin: 4rem 0 0 0;
    flex-direction: row;
  }

  .s-articles__left {
    border-bottom: unset;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .s-articles__left {
    flex: 0 0 47%;

    & img {
      height: 30rem;
      border-radius: 5px;
    }
  }

  .s-articles__right {
    flex: 0 0 50%;
  }
}