body,html{

    height:100%;

}

body{

    background-image:url('/images/bg-powder.svg');

    height:100%;

}



#footer,

#sidebar{

    flex:0;

}



#nav .full a{

    letter-spacing:1px;

    font-size:.75em;

    line-height:1.25em;

    text-transform:uppercase;



    

    background:#262262;

    color:white;

    font-weight:bold;

    display:block;

    padding:15px 20px;

    border-radius:5px;

        -webkit-border-radius:5px;

        -moz-border-radius:5px;

    

    font-size:.85em;

    line-height:1.25em;

    text-transform:uppercase;

}



#nav .full a:hover{

    background:#262262;

    border:none;

    color:#fff200;

    box-shadow:3px 5px #fff200;



    /* background: #262262;

    color: yellow; */

}

#page{

    /* display:block; */

    display:flex;

        flex:1;

        align-items:stretch;

        justify-content:center;

    height: 100%;

    /* margin:0; */

    margin: 0 auto;

    padding:0 !important;

        padding-bottom:0 !important;

}



#page #content {

    display:flex;

        flex:1;

        align-items:center;

        justify-content:center;

    margin: 0 auto;

    width: 80%;

}







#page #header {

    display:flex;

        flex:1;

        justify-content:center;

    padding: 0px;

    position: absolute;

    top: 50%;

    width: 100%;

    margin: 0 auto;

}



#page #header #nav{

    padding:25px 0; 

    flex: 1;

}



#page #header #nav ul{

    display:flex;

        flex: 0 0 300px;

        align-items:center;

        justify-content:center;

    margin:0;

    padding:0;

}





.logo{

    /* display:flex;

        flex: 0 0 300px;

        align-items:center;

        justify-content:center;*/



    display: block;

    width: 100%;

}



.logo.full{

    display:block;

}

.logo.mobile{

    display:none;

}



#sidebar #logo{

    display:none;

}



#title{

    display:none;

}



.cover{

    display:none;

}



.tmp{

    display: flex;

    flex:1;

    align-items: center;



    justify-content: center;

}





.wrap {

    display: block;

    width: 100%;

}



@media (max-width: 650px) {



    body {

        /* background-color: #ceebfb; */

        background-image: url('/images/logo/bg-mobile-rotate-10.svg');

            background-size: cover;

        /* background-image: url('/images/logo/bg-shock-15.svg'); */

            /* background-size: cover; */

        background-repeat: no-repeat;

        background-position: center;

    }

    #page{

        display:flex;

    }



    #footer,

    #sidebar{

        position:fixed;

    }

    

    #page #content {

        display:flex;

        width: 90%;

    }

    

    #page .logo.full{

        display:none;

    }

    #page .logo.mobile{

        display:block;

    }

}