<!DOCTYPE html>
<html>
  <head>
    <meta charSet="UTF-8" />
    <meta name='viewport' content='initial-scale=1.0, width=device-width, user-scalable=no' />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
    <link rel="icon" type="image/png" sizes="32x32" href="https://phonesites.com/static/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="https://phonesites.com/static/favicon-16x16.png" />
    <title>Error</title>

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
    
      *{
        box-sizing: border-box;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: -0.04vw;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        font-feature-settings: "kern" 1;
        font-kerning: normal;
        line-height: 1.15;
      }

      body{
        margin: 0;
        background-color: #f4f4f4;
      }
      
      section{
        border-style: solid;
        border-width: 1px;
        border-color: rgba(0,0,0,.1);
        border-radius: .25rem;
        position: fixed;
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 400px;
      }

      div{
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
        text-align: center;
        padding: 3rem;
      }

      p, a{
        text-align: center;
        hyphens: inherit;
        word-break: break-word;
        line-height: 1.5;
      }

      h1{
        text-align: center;
        margin: .67em 0;
        display: block;
        line-height: 1.25;
        margin-top: 0;
        margin-bottom: .5rem;
        font-size: 2.25rem;
      }

      p{
        margin-top: 0.5rem;
        margin-bottom: 0;
        font-size: 1.5rem;
      }
      
      a{
        display: block;
        position: relative;
        padding: 1rem;
        text-align: center;
      }

      nav{
        border-radius: .25rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #001b44;
      }

      span{
        text-align: center;
        display: inline-block;
        max-width: 16rem;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
      }

      img{
        max-width: 100%;
      }

      @media only screen and (max-width: 500px) {
        section, nav{
          width: 100%;
          border-radius: 0;
          border-right: 0;
          border-left: 0;
        }
      }

    </style>
  </head>

  <body>
    <section>
      <nav>
        <a href="https://Phonesites.com/">
          <span>
            <img src="https://Phonesites.com/static/logo.svg">
          </span>
        </a>
      </nav>
      <div>
        <h1>404</h1>
        <p>
          Page Not Found
        </p>
      </div>
    </section>
  </body>

</html>