<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pardon our dust&mdash;GSA</title>
  <link rel="shortcut icon" href="favicon.ico">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

    body {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
    }

    div {
      box-sizing: border-box;
    }

    h1 {
      font-size: 3em;
      color: #00584A;
      max-width: 6em;
      display: block;
      margin: 0;
    }

    hr {
      margin: 2em 1em;
      border: none;
      border-top: 1px solid #eeeeee;
      height: 0;
    }

    
    a {
      color: #00584A;
      text-decoration: underline;
    }

    p.lead {
      font-size: 1.25em;
    }

    .content-container {
      width: 35em;
      margin: auto;
      margin-top: 6em;
      max-width: 100%;
      padding: 0 1em;
    }

    .hero-graphic-container {
      background-image: url('pickaxe.png');
      background-repeat: no-repeat;
      background-size: contain;
      padding: .5em 0 8em 0;
      background-color: #ffffff;
      margin-bottom: 4em;
    }

    .details-container {
      margin-bottom: 6em;
    }

    .gsa-logo {
      width: 250px;
      margin: auto;
      display: block;
    }

    @media screen and (max-width: 575px) {
      h1 {
        font-size: 2.5em;
      }
      .content-container {
        margin-top: 2em;
      }
      .hero-graphic-container {
        background-image: url('pickaxe-center.png');
        padding: 12em 0 0 0;
        width: 300px;
        margin: auto;
        margin-bottom: 2em;
      }
      .details-container {
        margin-bottom: 3em;
      }
      p.lead {
        font-size: 1.1em;
      }
    }
  </style>
</head>

<body>
  <div class="content-container">
    <div class="hero-graphic-container">
      <h1>Pardon our dust.</h1>
    </div>
    <div class="details-container">
      <p class="lead">GSA is launching a new and improved association management system. Thankfully this evolution won’t take place over eons, but our online systems may be impacted for several days.</p>
      <hr />
      <p>We are excited to make our products and services even more user-friendly and accessible for you and appreciate your patience as we work to improve our overall member and customer experience!</p>
      <p>If you have questions, please email <a
          href="mailto:gsaservice@geosociety.org">gsaservice@geosociety.org</a> or call <a
          href="tel:+1-303-357-1000">+1-303-357-1000</a>.</p>
    </div>
    <img class="gsa-logo" src="gsa-logo-451.png" alt="The Geological Society of America">
  </div>
</body>

</html>