
<!DOCTYPE html>
<html  lang="en-US"  xml:lang="en-US"  xmlns:fb="http://ogp.me/ns/fb#">
<head id="head">
    <title>500 Error Page</title>
    <meta charset="UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        @font-face {
            font-family: 'dinregularwebfont';
            src: url('/Foodservice/media/LOL-FS-Media/font/dinregularwebfont.eot');
            src: local('dinregularwebfont'),url('/Foodservice/media/LOL-FS-Media/font/dinregularwebfont.woff') format('woff'),url('/Foodservice/media/LOL-FS-Media/font/dinregularwebfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'DINBold';
            src: url('/Foodservice/media/LOL-FS-Media/font/DINBold.eot');
            src: local('DINBold'),url('/Foodservice/media/LOL-FS-Media/font/DINBold.woff') format('woff'),url('/Foodservice/media/LOL-FS-Media/font/DINBold.ttf') format('truetype'),url('/Foodservice/media/LOL-FS-Media/font/DINBold.svg') format('svg');
            font-weight: normal;
            font-style: normal
        }

        * {
            box-sizing: border-box;
        }

        html {
            font-size: 100%;
        }

        body {
            margin: 0;
            padding: 0;
            background: #efeeda url("https://storcpdkenticomedia.blob.core.windows.net/media/foodservice/media/lol-fs-media/error-mobile-bg.jpg") no-repeat center bottom/contain;
            font-family: 'dinregularwebfont',Arial,sans-serif;
            line-height: 1.5;
            height: 100%;
            min-height: 100vh;
            color: #333333;
            -webkit-font-smoothing: antialiased;
            padding-bottom: 120px;
        }

        main {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-align-items: center;
            align-items: center;
            min-height: calc(100vh - 120px);
        }

        header {
            width: 850px;
            max-width: 100%;
            margin: 0 auto;
            padding: 0 25px;
            text-align: center;
        }

            header img {
                margin: 0px auto;
                max-width: 45%;
                max-height: 450px;
                display: block;
                padding: 40px 0 20px;
            }

        h1 {
            font-size: 28px;
            text-transform: uppercase;
            color: #43b9a7;
            font-family: 'DINBold',Arial,sans-serif;
            line-height: 1.2;
        }

        p {
            font-size: 16px;
            color: #333333;
        }

        @media only screen and (min-width: 768px) {
            body {
                background-image: url("https://storcpdkenticomedia.blob.core.windows.net/media/foodservice/media/lol-fs-media/error-bg.jpg");
                padding-bottom: 200px;
            }

            main {
                height: calc(100vh - 200px);
            }

            header img {
                padding-bottom: 40px;
            }

            h1 {
                font-size: 31px;
            }

            p {
                font-size: 20px;
            }
        }
    </style>

    <!--Production-->
    <script src="//assets.adobedtm.com/7390c55bcb09/9b280fbfc236/launch-50277aff260d.min.js" async></script>
    <!--Non Production-->
    <!--<script src="//assets.adobedtm.com/7390c55bcb09/9b280fbfc236/launch-ae42014e71d9-development.min.js" async></script>-->
</head>
<body>
    <main>
        <header>
            <img src="https://storcpdkenticomedia.blob.core.windows.net/media/foodservice/media/lol-fs-media/error-icon.png" alt="Error">
            <h1>There seems to be weather in the cloud today. </h1>
            <p>
                The server is experiencing an issue and our engineering teams are
                looking at getting things back up as soon as possible
            </p>
        </header>
    </main>
</body>
</html>