.container-article {
  width: 100%;
  background-color: var(--svetlo-seryy);
  z-index: 10;

  padding-top: 25px;
}

.container-article__full{
  width: 100%;
  background-color: var(--svetlo-seryy);
  z-index: 10;

  padding-top: 25px;
}

@media screen and (min-width: 57.5625rem) {
  .container-article {

    padding-bottom: 12.5rem;
  }

.container-article__full{
    padding-bottom: 12.5rem;
}
}
@media screen and (max-width: 57.5rem) and (min-width: 42.0625rem) {
  .container-article {

    padding-bottom: 8.5rem;
  }
.container-article__full{
padding-bottom: 8.5rem;
}
}

@media screen and (max-width: 95rem) and (min-width: 42.0625rem) {
    .container-article {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
.container-article__full .single-article__header,
.container-article__full .single-case__info
{
        padding-left: 2.5rem;
        padding-right: 2.5rem;
}
}

@media screen and (max-width: 42rem) {
  .container-article {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
	.container-article__full .single-article__header,
	.container-article__full .single-case__info
	{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
	}
}

@media screen and (max-width: 42rem) {
  .container-article {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    padding-bottom: 7.5rem;
  }
}