­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* CSS styles here are for the maintenance page set through Utilities >> Maintenance Mode */ * { box-sizing: border-box; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } body { background-color: #ffffff; background-attachment: fixed; background-size: cover; } .page-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; /* background-image: linear-gradient(to bottom, #ffffff, #eeeeee, #dddddd, #cccccc, #bbbbbb); */ } .page-overlay { position: absolute; display: block; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; } .message-box { position: relative; display: flex; z-index: 1; flex-direction: column; align-items: center; width: 50%; font-family: "Arial", "Helvetica", sans-serif; text-align: center; } .message-box h1 { font-size: 3em; font-weight: 500; margin-top: 0; margin-bottom: 0; } .message-box h1 p { margin-top: 0; margin-bottom: 0; } .message-box .description { font-size: 1.25em; line-height: 1.7; } @media screen and (max-width: 920px) { .message-box { width: 100%; padding: 0 15%; } .message-box h1 { font-size: 2em; } } @media screen and (max-width: 480px) { .message-box { width: 100%; padding: 0 40px; } .message-box h1 { font-size: 1.5em; } .message-box .description { font-size: 1em; } }