@media (max-width: 767px) {
body { background: #f4f6fb; min-height:100vh; }
     .error-container {
            min-height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 80px;
            padding-bottom: 80px;
        }
      .error-code {
        font-size:7rem; font-weight:900; color:#FF5A5F;
        letter-spacing:-4px;
        text-shadow: 2px 2px 8px #ffd9db5e;
      }
      .error-text { font-size:2rem; color:#222; }
      .error-desc { color:#555; margin-bottom:24px;}
      .btn-home {
        font-size:1.2rem; padding:.7em 2em;
      }
}
@media (min-width: 768px) and (max-width: 1024px) {
body { background: #f4f6fb; min-height:100vh; }
     .error-container {
            min-height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 80px;
            padding-bottom: 80px;
        }
      .error-code {
        font-size:7rem; font-weight:900; color:#FF5A5F;
        letter-spacing:-4px;
        text-shadow: 2px 2px 8px #ffd9db5e;
      }
      .error-text { font-size:2rem; color:#222; }
      .error-desc { color:#555; margin-bottom:24px;}
      .btn-home {
        font-size:1.2rem; padding:.7em 2em;
      }
}
@media (min-width: 1025px) {
body { background: #f4f6fb; min-height:100vh; }
     .error-container {
            min-height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 80px;
            padding-bottom: 80px;
        }
      .error-code {
        font-size:7rem; font-weight:900; color:#FF5A5F;
        letter-spacing:-4px;
        text-shadow: 2px 2px 8px #ffd9db5e;
      }
      .error-text { font-size:2rem; color:#222; }
      .error-desc { color:#555; margin-bottom:24px;}
      .btn-home {
        font-size:1.2rem; padding:.7em 2em;
      }
}