<!doctype html> <html lang=“en”>

<head>
  <title>We&rsquo;re sorry, but something went wrong!</title>
  <meta charset="utf-8" />
  <style>
    body { display: table; height: 100vh; margin: 0px; padding: 0px; }
    section { display: table-cell; vertical-align: middle; text-align: left; }
    article { color: #333; }
    h1 { font-family: sans; }
    p { font-family: sans-serif; }
    a { color: #666; text-decoration: none; }
    a:hover { color: #333; text-decoration: none; }
    @media only screen and (min-width : 320px) {
      body { font-size: 16px; }
      article { margin: 0px 1em; }
      h1 { font-size: 32px; }
    }
    @media only screen and (min-width : 768px) {
      body { font-size: 20px; }
      article { margin: 0px 4em; }
      h1 { font-size: 40px; }
    }
  </style>
</head>
<body>
  <section>
    <article>
      <h1>We&rsquo;re sorry, but something went wrong!</h1>
      <div>
        <p>We&rsquo;re working on it and we&rsquo;ll get it fixed as son as we can. You can always go to <a href="/">home page</a> instead.</p>
        <p>&mdash; Quadro Team</p>
      </div>
    </article>
  </section>
</body>

</html>