.error {
  padding: 11.111rem 0;
  margin: 0 var(--1-columns);
  @media(orientation: portrait) {
    margin: 0;
  }
}

.error__container {
  max-width: var(--2-columns);
  min-width: 320px;
  @media(max-width: 320px) {
    min-width: 100%;
  }
  margin: 0 auto;
}

.error__description {
  margin: 0;
  font-size: 2.1667rem;
}

.error__back {
  margin: 0 auto;
  width: fit-content;
}

.error__message {
  font-size: 0.6667rem;
  margin-bottom: 5px;
}

.error__description p {
  margin: 0;
}

.error__media img {
  margin: 40px 0 ;
  display: block;
  aspect-ratio: 8/7;
  border-radius: 20px;
  object-fit: cover;
}