.error__content__top {
  background: url(./../assets/background.png) no-repeat bottom 200px center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  flex: 3 0 0;
  position: relative;
}
@media only screen and (max-height: 500px) {
  .error__content__top {
    background-position: bottom 100px center;
  }
}
.error__content__bottom {
  flex: 2 0 0;
  background: #fff;
}
.error__content__body {
  height: 100%;
  text-align: center;
}
.error__content__top .error__content__body {
  color: #fff;
}
.error__content__bottom .error__content__body {
  color: #000;
  margin-top: 2rem;
}
.error__content__body__main-message {
  font-size: 4.5rem;
  line-height: 4.5rem;
  font-weight: bold;
  display: flex;
  flex: 5 0 0;

  align-items: flex-end;
  text-align: center;
  justify-content: center;
}
.error__content__body__sub-message {
  font-size: 1.3rem;
  flex: 4 0 0;
}
.error__back-link {
  font-size: 1.3rem;
}
.copyright--centered {
  margin: auto;
  height: 30px;
}