.only-m { display: none; }
.page-error .footer { display: none; }
.page-error main { display: flex; flex-direction: column; }

.err { flex: 1 0 auto; min-height: 537px; display: grid; grid-template-columns: 1fr 1fr; }
.err__left { padding: 72px var(--gutter) 40px; border-right: 1px solid var(--c-line); }
.err__title { font: 300 140px/140px var(--f-head); text-transform: uppercase; color: var(--c-accent); }
.err__right { padding: 88px var(--gutter) 40px 65px; display: flex; flex-direction: column; align-items: flex-start; }
.err__text { max-width: 430px; }
.err__text--narrow { max-width: 374px; }
.err__btn { margin-top: 64px; }

.err-foot { display: grid; grid-template-columns: 598px 1fr auto; align-items: center; padding: 48px var(--gutter) 40px; border-top: 1px solid var(--c-line); }
.err-foot > :nth-child(2) { padding-left: 60px; justify-self: start; }

@media (max-width: 1279px) {
  .err-foot { grid-template-columns: 1fr 1fr auto; }
  .err-foot > :nth-child(2) { padding-left: 40px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .err__title { font-size: 112px; line-height: 112px; }
}

@media (max-width: 1023px) {
  .only-m { display: inline; }
  .err { display: block; min-height: 0; }
  .err__left { padding: 32px var(--gutter) 64px; border-right: 0; border-bottom: 1px solid var(--c-line); }
  .err__title { font-size: 80px; line-height: 80px; }
  .err__right { padding: 40px var(--gutter) 40px; border-bottom: 1px solid var(--c-line); }
  .err__text, .err__text--narrow { max-width: none; }
  .err__btn { margin-top: 68px; width: 100%; }
  .err-foot { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 40px var(--gutter) 40px; border-top: 0; flex: 1 0 auto; }
  .err-foot > :nth-child(2) { padding-left: 0; }
  .err-foot__copy { order: 3; margin-top: 56px; }
}