.ErrorPageView {
  text-align: center;
  padding: 10px 0;
  background-color: var(--color-white);
}
.ErrorPageView > * {
  text-align: center !important;
}
.ErrorPageView .code-holder {
  position: relative;
}
.ErrorPageView .code-holder img {
  max-width: 525px;
  width: 100%;
  margin: auto;
}
.ErrorPageView .code-holder .code {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  font-size: 100pt;
  line-height: 100pt;
  color: var(--color-primary);
}
.ErrorPageView .code-holder .title {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  font-size: 20pt;
  line-height: 20pt;
  color: var(--color-grey);
}

@media (max-width: 550px) {
  .ErrorPageView .code-holder img {
    display: none;
  }
  .ErrorPageView .code-holder .code {
    display: block;
    position: unset;
    top: unset;
    left: unset;
    margin-top: 75px;
  }
  .ErrorPageView .code-holder .title {
    display: block;
    position: unset;
    bottom: unset;
    left: unset;
    margin-top: 75px;
  }
}