* { box-sizing: border-box; }
        body { background:#000; height:100vh; padding:0; margin:0; font-family: Helvetica, Arial, sans-serif; color:#FFF; }
        main { background:#000 url("bg.jpg") center no-repeat; background-size:cover;  padding:2em 0; display:flex; justify-content: center; align-items: center; min-height:80vh; overflow: hidden; }
        .logo { text-align:center; }
        .logo img { max-width:120px; }
        .copy { text-align:center; }
        h1, h2, p { font-family: Helvetica, Arial, sans-serif; color:#FFF; }
        h1 { font-size:4.5em; margin-bottom:0; margin-top:0.2em; }
        h2 { letter-spacing: 0.02em; margin-top:0; }
        .copy p { font-size:1.4em; font-weight: 100; }
        .goldcode { text-align:center; margin-top:4em; }
        .goldcode img { margin-left:-38%; max-width:120%; }
        footer { background:#000; padding:10px 0px; font-size:0.8em; text-align:center; max-height:20vh; }
        footer span.h1 { font-size: 2.5em; font-weight:bold; letter-spacing:0.02em; }
        .flex { display:flex;  justify-content: space-between; align-items: center; }
        .container { width:100%; max-width: 820px; margin:0 auto; padding:1em; }
        .mr-2 { margin-right:1.2em; }
        .text-uppercase { text-transform: uppercase; font-weight: bold; letter-spacing: 0.02em; text-align:right; }
        .mx8 { max-width: 70%; margin:1em auto 0;  }
        .mt0 { margin-top:0; }
        .nowrap { text-wrap: nowrap;}
        .f-column { flex-direction: column; }
        @media screen and (min-width:860px) {
            .m-row { flex-direction: row; justify-content: center; }
            .goldcode img { margin-left:0; }
        }