.media-page__header {
  row-gap: 20px;
  margin-bottom: 32px;
}
@media (min-width: 48em) {
  .media-page__header {
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
@media (min-width: 62em) {
  .media-page__header {
    margin-bottom: 50px;
    align-items: end;
  }
}
@media (min-width: 87.5em) {
  .media-page__header {
    margin-bottom: 100px;
  }
}
.media-page__header .col {
  width: 100%;
}
@media (min-width: 48em) {
  .media-page__header .col {
    width: 50%;
  }
}
@media (min-width: 102.5em) {
  .media-page__header .col-left {
    width: 45%;
  }
}
@media (min-width: 87.5em) {
  .media-page__header .col-right {
    width: 42%;
    font-size: 24px;
  }
}
@media (min-width: 102.5em) {
  .media-page__header .col-right {
    width: 34%;
  }
}
@media (min-width: 48em) {
  .media-page__wrapper {
    row-gap: var(--containerPadding);
  }
}
@media (min-width: 62em) {
  .media-page__wrapper {
    --containerPadding:60px;
  }
}
@media (min-width: 75em) {
  .media-page__wrapper {
    --containerPadding:40px;
  }
}
@media (min-width: 87.5em) {
  .media-page__wrapper {
    --containerPadding:60px;
  }
}
@media (min-width: 102.5em) {
  .media-page__wrapper {
    --containerPadding:68px;
  }
}
@media (min-width: 48em) {
  .media-page__wrapper .col {
    width: 50%;
  }
}
@media (min-width: 75em) {
  .media-page__wrapper .col {
    width: 33.333333%;
  }
}

.media-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.media-card__logo img {
  display: block;
  height: 32px;
  width: auto;
  margin-bottom: 32px;
}
@media (min-width: 62em) {
  .media-card__logo img {
    height: 44px;
    margin-bottom: 40px;
  }
}
@media (min-width: 87.5em) {
  .media-card__logo img {
    height: 56px;
    margin-bottom: 50px;
  }
}
.media-card__title {
  margin-bottom: 16px;
}
@media (min-width: 62em) {
  .media-card__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 87.5em) {
  .media-card__title {
    margin-bottom: 30px;
  }
}
.media-card__desc {
  margin-bottom: 32px;
}
@media (min-width: 62em) {
  .media-card__desc {
    margin-bottom: 36px;
  }
}
@media (min-width: 87.5em) {
  .media-card__desc {
    margin-bottom: 40px;
  }
}
.media-card .btn {
  margin-top: auto;
}

@media (min-width: 62em) {
  .media-card .btn {
	min-width:230px;
  }
}

.reviews-filter {
  padding-top: 48px;
  color: var(--clr-01);
}
@media (min-width: 62em) {
  .reviews-filter {
    padding-top: 32px;
  }
}
@media (min-width: 102.5em) {
  .reviews-filter .categories {
    justify-content: center;
  }
}