CINXE.COM
500 Internal Server Error
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>500 Internal Server Error</title> <style type="text/css"> /* reset */ html { color: #000; background-color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { font-variant: normal; border: 0; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-weight: inherit; font-size: inherit; font-family: inherit; } legend { color: #000; } /* custom */ html, body { box-sizing: border-box; height: 100%; color: #000; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif; } *, *:before, *:after { box-sizing: inherit; } a { color: #088921; text-decoration: none; } a:hover { color: #333; outline: 0; } .container { height: 100vh; padding: 60px 0 0; //border-top: 2px solid #088921; } .logo { display: block; height: auto; margin: 0 auto 80px; } .intro { max-width: 544px; margin: auto 200px; padding: 0 15px; padding-left: 150px; text-align: left; } .intro-text { margin-top: 150px; } .intro h1 { color: #000; font-weight: bold; font-size: 60px; line-height: 1.2; } .intro p { margin: 2em 0 0; } .page-watermark { padding-top: 0; } .page-watermark:before { z-index: -1; position: absolute; right: 0; width: 700px; height: 800px; margin-top: 0; background-image: url("/scl/img/watermark.png"); background-repeat: no-repeat; background-position: right; background-size: contain; content: ""; } .header { max-width: 544px; margin: 0 auto; padding: 0 15px; text-align: center; } .cta { max-width: 544px; margin: auto 200px; padding: 0 15px; padding-left: 150px; text-align: left; } .row::after { content: ""; clear: both; display: table; } [class*="col-"] { float: left; padding: 15px; } [class*="col-"] { width: 100%; } @media only screen and (min-width: 600px) { /* For tablets: */ .col-s-1 { width: 8.33%; } .col-s-2 { width: 16.66%; } .col-s-3 { width: 25%; } .col-s-4 { width: 33.33%; } .col-s-5 { width: 41.66%; } .col-s-6 { width: 50%; } .col-s-7 { width: 58.33%; } .col-s-8 { width: 66.66%; } .col-s-9 { width: 75%; } .col-s-10 { width: 83.33%; } .col-s-11 { width: 91.66%; } .col-s-12 { width: 100%; } } @media only screen and (min-width: 768px) { /* For desktop: */ .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-3 { width: 25%; } .col-4 { width: 33.33%; } .col-5 { width: 41.66%; } .col-6 { width: 50%; } .col-7 { width: 58.33%; } .col-8 { width: 66.66%; } .col-9 { width: 75%; } .col-10 { width: 83.33%; } .col-11 { width: 91.66%; } .col-12 { width: 100%; } } .btn { cursor: pointer; padding: 16px 24px; color: #fff; background-color: #088921; border: 2px solid #088921; -webkit-transition: all .2s ease-in-out; -o-transition: all ease-in-out .2s; transition: all .2s ease-in-out; } .btn:hover { opacity: 0.8; } .btn svg { vertical-align: middle; display: inline-block; height: 24px; width: 14px; margin-left: 15px; } </style> </head> <body class="page-watermark"> <div class="container row"> <div class="row"> <div class="header col-12"> <img src="/-/media/images/hia/logo.png?h=150&w=150" alt=""> </div> </div> <div class="row"> <div class="intro col-12"> <div class="intro-text"> <h1>Oops.. Something</h1> <h1>went wrong</h1> <p>Our servers might be down, try refreshing the page or come back in 5 minutes.</p> </div> </div> </div> <div class="row"> <div class="cta col-12"> <a href="/"> <button type="button" class="btn"> <span class="v-btn__content"> Go to Home <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="v-icon notranslate btn__icon-link svg-inline--fa fa-arrow-right fa-w-14 v-icon--is-component theme--light"> <path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z" class=""></path> </svg> </span> </button> </a> </div> </div> </div> </body> </html>