.error-404 {
  background: url("../img/404/background.svg") 50% 50% no-repeat;
  min-height: var(--fullScreenWithoutHeader);
}
.error-404 .container {
  --bleed: 1.87rem;
}
@media screen and (max-width: 960px) {
  .error-404 .container {
    flex-direction: column;
    align-items: center;
    --bleed: 0;
  }
}
.error-404 .container .image-wrapper {
  background: #EAEFF6;
  border-radius: 50%;
  padding: 4%;
}
.error-404 .container .image-wrapper img {
  width: 29.875em;
}
@media screen and (max-width: 960px) {
  .error-404 .container .text-wrap {
    justify-content: center;
    text-align: center;
  }
}
.error-404 .container .text-wrap .text {
  height: 50%;
  justify-content: flex-end;
  row-gap: 0.62em;
}
@media screen and (max-width: 960px) {
  .error-404 .container .text-wrap .text {
    row-gap: 20px;
    justify-content: center;
    margin-top: 30px;
    height: auto;
  }
}
.error-404 .container .text-wrap .text .message {
  opacity: 0.44;
}