<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>500 server error</title>
    <style>
	
	@font-face {
		font-family: 'BemboStd';
		src:
		url('/failover/AMQ/shared/BemboStd.woff2') format('woff2'),
        url('/failover/AMQ/shared/BemboStd.woff') format('woff');
	}
	
      body {
        font-family: BemboStd;
        background-color: black;
        color: white;
        height: 95vh;
        align-items: center;
      }

      .main-content {
        height: 90%;
        padding: 20px;
        text-align: center;
      }

      a {
        display: inline-block;
        color: white;
      }

      .c-content {
        margin: 30vh 20% 40% 20%;
      }

      .c-content__title {
        font-size: 24px;
      }

      .c-content__body {
        font-size: 13px;
        line-height: 20px;
        font-family: "Helvetica Neue";
      }

      footer {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .c-logo__img.c-logo__img--mobile {
        display: block;
      }

      .c-logo__img {
        display: none;
      }

      @media screen and (min-width: 768px) {
        .c-content {
          margin: 35vh 23% 40% 23%;
        }

        .c-logo__img {
          display: block;
          color: white;
        }

        .c-logo__img.c-logo__img--mobile {
          display: none;
        }
      }

      @media screen and (min-width: 1024px) {
        .c-content__title {
          font-size: 30px;
        }

        .c-content {
          margin: 40vh 23% 40% 23%;
        }

        .c-logo__img {
          display: block;
          color: white;
        }

        .c-logo__img.c-logo__img--mobile {
          display: none;
        }
      }
    </style>
  </head>
  <body>
    <div class="main-content">
      <div class="c-content">
        <p class="c-content__title">Sorry, an internal error has occured.</p>
        <p class="c-content__body">
          If you have an equiry, feel free to contact Client Services by socials,
          or phone. We will be glad to assist you.
        </p>
        <p class="c-content__body">

        </p>
      </div>
    </div>
    <footer>
      <div class="c-logo">
        <img class="c-logo__img" src="/failover/AMQ/shared/logo.svg" alt="Alexander McQueen" />
        <img
          class="c-logo__img c-logo__img--mobile"
          src="/failover/AMQ/shared/logo-small.svg"
          alt="Alexander McQueen"
        />
      </div>
    </footer>
  </body>
</html>
