
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Scheduled Maintenance</title>
    <meta name="description" content="Our site is under scheduled maintenance.">

    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->

    <style>
        body {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            line-height: 1.618em;
            background: #336699 url('/background.jpg') center center no-repeat fixed;
            background-size: cover;
        }

        h2 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 24pt;
            line-height: 1.618em;
            margin-top: 1em;
        }

        h3 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 15pt;
            line-height: 1.618em;
        }

        section {
            max-width: 800px;
            margin: 8% auto 1em auto;
            background-color: #222;
            opacity: 0.6;
            filter: alpha(opacity=60);
            color: #fff;
            padding: 1em 5%;
            box-shadow: 10px 10px 5px rgba(0,0,0,0.25);
        }

        a {
            color: #b2c4c6;
        }

            a:focus {
                outline: none;
                outline-offset: inherit;
            }

        @media (max-device-width: 1027px) {

            body {
                text-align: center;
                font-size: larger;
            }

            section {
                max-width: 90%;
            }
        }

        @media (max-device-width: 640px) {
            section {
                max-width: 97%;
            }
        }
    </style>
</head>
<body>

    <section>
        <!--UPDATE CLIENT LOGO
        <img src="https://asb.retirement.schwabrt.com/ASB/SRT/img/AssociatedBank_Logo.jpg" />
        UPDATE CLIENT LOGO-->
        <h2>*** Scheduled Maintenance Notice ***</h2>
        <h3>
            <!--Sunday,-->
            <script>
                <!-- Begin
                var now = new Date();
                var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
                var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
                function fourdigits(number) {
                    return (number < 1000) ? number + 1900 : number;
                }
                today =  months[now.getMonth()] + " " +
                         date + ", " +
                         (fourdigits(now.getYear())) ;
                document.write(today);
            </script>
            <!--5:00p ET - 10:00p ET-->
        </h3>
        <h3>
            Our website is currently under a scheduled maintenance. We apologize for any inconvenience and appreciate your patience while we update our systems. Please check back later.
        </h3>
    </section>

</body>
</html>