NOT ALLOWED -4k  <style>
    @media (min-width: 1920px){.container{max-width: 1440px;}}
    @media (max-width: 768px){.error-text h1 {font-size: 8rem; font-weight:600}}
    .error-text {display: flex;justify-content: center;align-items: center;height:auto; margin:40px auto; flex-direction: column; gap:11px}
    .error-text {text-align: center;}
    .error-text h1 {font-size: 20rem; font-weight:800}
    .error-text span {font-size: 1.7rem; font-weight:bold; margin-top:12px}
    .error-text p {font-size: 1rem;color:#c7c7c7;}
    .error-text .cta {background: #909A7E; border:0; padding:10px 15px}
  </style>
<div class="error-text">
    <img src="/images/404.svg" alt="Page Not Found" class="img-fluid">
    <span>Page Not Found</span>
    <p>The page you're looking for does not  seem exist</p>
    <p><a href="/" class="btn btn-primary cta">Go to Home</a></p>
</div>