.error-page {
  padding: 124px 16px;
  text-align: center;
  max-width: 844px;
  margin: auto;
}
.error-page__img {
  display: block;
  margin: auto;
  max-width: 649px;
  margin-bottom: 68px;
  width: 100%;
}
.error-page__title {
  margin: 0 0 24px;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.12;
  color: #00B9BF;
}
.error-page__text {
  font-size: 22px;
  line-height: 1.4;
  color: #212121;
}
.error-page__text p:last-child {
  margin-bottom: 0;
}
.error-page__text a {
  color: #00B9BF;
  text-decoration: underline;
}
.error-page__text a:hover {
  text-decoration: none;
}

.out-of-order {
  padding: 0 16px 70px;
  text-align: center;
}
.out-of-order__title {
  margin: 0 0 11px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2375;
  color: #00B9BF;
  text-transform: uppercase;
}
.out-of-order__short-description {
  font-size: 22px;
  line-height: 1.4;
  color: #212121;
}
.out-of-order__img {
  width: 100%;
  display: block;
  max-width: 946px;
  margin: 40px auto 0;
}

@media (max-width: 992px) {
  .out-of-order {
    padding: 50px 16px;
  }
  .out-of-order__title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .out-of-order__short-description {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .error-page {
    padding: 122px 16px 80px;
    max-width: 500px;
  }
  .error-page__img {
    margin-bottom: 78px;
  }
  .error-page__title {
    font-size: 24px;
    line-height: 1.08;
  }
  .error-page__text {
    font-size: 16px;
    line-height: 1.5;
  }

  .out-of-order__short-description {
    font-size: 16px;
  }
}
@media (max-width: 568px) {
  .error-page {
    padding: 60px 16px 30px;
  }

  .out-of-order__img {
    margin-top: 25px;
  }
}