html, body, div, span, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
        small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section, summary,
        time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

        html{overflow-y:scroll;}
        body{-webkit-text-size-adjust:none;}

        sub, sup{font-size:75%; line-height:0; position:relative;}
        sup{top:-0.5em;}
        sub{bottom:-0.25em;}

        pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
        textarea {overflow:auto;}
        .ie6 legend, .ie7 legend {margin-left:-7px;}
        input[type="radio"], input.radio {vertical-align:text-bottom;}
        input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
        .ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
        .ie6 input {vertical-align: text-bottom;}
        label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
        button, input, select, textarea {margin:0;}

        button {width:auto; overflow:visible;}
        .ie7 img {-ms-interpolation-mode: bicubic;}




        body, html {
            font-family: 'Lato',Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 12px;
            line-height: 1.4em;
            color: #FFFFFF;
            background-color: black;
        }

        #background {
            position: fixed;
            z-index: 1;
            background: url('background.jpg') center center no-repeat;
            background-size: cover;
            height: calc(100vh);
            width: calc(100vw);
            color: #000000;
        }

        .page-wrapper {
            position: relative;
            z-index: 2;
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            justify-content: center;
            min-height: 80vh;
            width: 100%;
        }

        .content-area {
            flex: 0 0 730px;
            width: 730px;
            max-width: 100%;
            padding: 60px 00px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        _:-ms-fullscreen, :root .content-area {
            margin-top: calc(40vh - 200px);
        }

        #logo {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 60px;
        }

        h1 {
            color: #FFFFFF;
            font-size: 36px;
            line-height: 1.15em;
            font-weight: 300;
            margin-bottom: 40px;
            text-transform: uppercase;
        }

        h2 {

            color: #FFFFFF;
            font-size: 18px;
            line-height: 1.15em;
            font-weight: 300;
            margin-bottom: 40px;
        }


        p {
            font-weight: 500;
            line-height: 2em;
        }


        a:hover,
        a:focus,
        a:visited,
        a {
            color: #FFFFFF;
            text-decoration: none;
            outline: none;
        }

        a#close {
            display: block;
            margin-bottom: 20px;
        }


        nav {
            margin-top: 200px;
        }

        nav > a {
            display: inline-block;
            margin-right: 10px;
        }

        nav > a:after {
            content: '';
            display: block;
            width: 0px;
            height: 1px;
            background: #00b9ee;
            -webkit-transition: width 400ms;
            -moz-transition: width 400ms;
            -ms-transition: width 400ms;
            -o-transition: width 400ms;
            transition: width 400ms;
        }

        nav > a:hover:after {
            width: 100%;
        }

        nav > a:last-child {
            margin: 0;
        }


        #disclaimer {
            background-color: rgba(0,138,235,0.1);
            display: none;
            margin:  10px;
            padding: 20px;
        }

        .legal {
            font-weight: 300;
            text-align: left;

        }


        mark {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(0, 138, 235, 0.1),
    rgba(0, 138, 235, 0.7) 4%,
    rgba(0, 138, 235, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

        @media (max-width: 500px){

          #background {
            position: fixed;
            z-index: 1;
            background: url('mobile-background.jpg') center center no-repeat;
            background-size: cover;
            height: 100%;
            width: 100%;
            color: #000000;
        }

            .content-area {
          
            padding: 10px 00px;
        
        }

            h1 {
                font-size: 6.5vw;
                margin: 12px;
                margin-bottom: 40px;
                text-transform: uppercase;
            }

              h2 {

 
         font-size: 3.5vw;
                margin: 30px;
                margin-bottom: 40px;
        }

            #logo {
            margin-bottom: 20px;
            }

             .legal {
            font-weight: 300;
            text-align: center;
            }
        }