/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                    _                                _ _
                          __ _ _ __| |_ ___  ___ ___  _ __   ___ ___(_) |_ ___   ___ ___  _ __ ___
                         / _` | '__| __/ _ \/ __/ _ \| '_ \ / __/ _ \ | __/ _ \ / __/ _ \| '_ ` _ \
                        | (_| | |  | ||  __/ (_| (_) | | | | (_|  __/ | || (_) | (_| (_) | | | | | |
                         \__,_|_|   \__\___|\___\___/|_| |_|\___\___|_|\__\___(_)___\___/|_| |_| |_|

                        ----------------------- c.goncalves@arteconceito.com -----------------------

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

    *,
    *:after,
    *:before {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    body {
        color: #FFFFFF;
        font-size: 14pt;
        font-family: 'Lato', sans-serif;
    }

    h1, h2 {
        margin: 0 0;
    }

    h1 {
        font-size: 36pt;
        font-weight: 100;
    }

    h2 {
        font-size: 16pt;
        font-weight: 400;
        margin: 15px 0 10px;
    }

    p {
        margin: 0 0;
    }

    p a,
    p span {
        vertical-align: middle;
    }

    p span {
        width: 30px;
        margin: 0 5px;
        display: inline-block;
        border-bottom: 1px solid #FFFFFF;
    }

    a {
        opacity: 1;
        margin: 0 3px;
        padding: 0 5px;
        display: inline-block;
        text-decoration: none;
        -webkit-transition: opacity 500ms ease;
           -moz-transition: opacity 500ms ease;
            -ms-transition: opacity 500ms ease;
                transition: opacity 500ms ease;
    }

    a img {
        width: 35px;
        height: 35px;
    }

    a,
    a:visited {
        color: #FFFFFF;
    }

    a:hover,
    a:active {
        opacity: 0.5;
    }

    #back,
    #logo,
    #video,
    #wrapper {
        display: block;
        position: absolute;
    }

    #back,
    #video,
    #wrapper {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #logo {
        top: 50%;
        left: 50%;
        min-width: 280px;
        max-width: 320px;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

    #logo > img {
        left: 50%;
        width: 100%;
        height: auto;
        display: block;
        max-width: 200px;
        position: relative;
        margin-bottom: 20px;
        -webkit-transform: translate(-50%, 0);
           -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    #video video {
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    @media only screen and (max-width: 768px) {

        body {
            font-size: 11pt;
        }

        #logo img {
            max-width: 140px;
        }

    }

    @media only screen and (max-width: 550px) {

        h1 {
            font-size: 33pt;
        }

        h2 {
            font-size: 12pt;
            margin: 10px 0 5px;
        }

        a {
            margin: 0 0;
        }
    }

    @media only screen and (max-height: 360px) {

        #logo,
        #wrapper {
            position: relative;
        }

        #logo {
            top: 0;
            margin: 20px 0;
            position: relative;
            -webkit-transform: translate(-50%, 0);
               -moz-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
        }

    }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/