/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 août 2016, 19:51:20
    Author     : macpro
*/
@media (min-width: 801px){
html {
                                background: linear-gradient(to bottom, #00004d, black);
                                width: 100%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                min-height:100%;
            }
            #layer1 {
                z-index: 100;
                background-image: url('/items/earth.png');
                background-repeat: no-repeat;
                background-size: auto 100%;
                width: 100%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                min-height:100%;
                position: absolute;
            }
            #layer2 {
                                position: absolute;
                z-index: 300;
                background-image: url('/items/tereshkova.png');
                background-position: bottom right;
                background-repeat: no-repeat;
                background-size: auto 100%;
                width: 90%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 10%;
                min-height:100%;
            }

            #logo {
                width: auto;
                height: 45%;
                position: absolute;
                top: 0px;
                left: 0px;
            }#dessinateur {
                width: auto;
                height: 15%;
                position: absolute;
                bottom: 10px;
                right: 10px;
            }
            #dessinateur3 {
                display: none;
            }
            #langbar {
                background-color: black;
                z-index: 2000;
                width: 10%;
                height: 100%;
                top: 0px;
                right: 0px;
                position: absolute;
            }
            #langbar img {
                width: 100%;
                height: auto;
            }
            #tbaar_me {
                bottom: 0px;
                right: 0px;
                position: absolute;
                width: 100%;
                height: auto;
            }
            #copyright {
                position: absolute;
                bottom: 10px;
                left: 10px;
                color: white;
                font-family: arial;
                text-shadow: 1px 1px #000000;
            }
            #boom {
                width: 250px;
                height: 100px;
                left: 10px;
                bottom: 70px;
                display: block;
                position: absolute;
            }
            #tereshkova {
                display: none;
            }
            #boom img {
                height: 100px;
                width: auto;
            }
            #snake {
                visibility: hidden;
            }

                .loader {
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 200000;
    background-color: black;
    background-position: center center;
    background-size: 15% auto;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url('/items/loadbaar.gif');

            }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 août 2016, 19:51:31
    Author     : macpro
*/
@media (max-width: 800px){

html {
                                background: linear-gradient(to bottom, #00004d, black);
                                width: 100%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                min-height:100%;
                overflow: hidden;
    color: white;
    font-family: arial, sans-serif;
    font-size: x-small;
                    text-shadow: 1px 1px #000000;
            }
#boom {
    display: none;
}
#langbar {
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    background-color: black;
        height: 80px;
        width: 100%;
        z-index: 300;
}
#langbar a {
    width: 80px;
        height: 80px;
        top: 0px;
}
#langbar .flag {
    width: 80px;
        height: 80px;
        top: 0px;
        float: left;

}
#tbaar_me {
    display: none;
}
#dessinateur {
    display: none;

}
#dessinateur3 {
    width: auto;
    height: 60px;
    position: fixed;
    bottom: 10px;
    right: 5px;
    max-width: calc(100% - 170px);
     position: absolute;
     z-index: 300;

}
#copyright {
    position: absolute;
    bottom: 85px;
    left: 5px;
} 
.loader {
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 200000;
    background-color: black;
    background-position: center center;
    background-size: 45% auto;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url('/items/loadbaar.gif');

            }
            #logo {
                width: 100%;
                max-width: 300px;
                height: auto;
            }
                        #layer1 {
                z-index: 100;
                background-image: url('/items/earth.png');
                background-repeat: no-repeat;
                background-size: auto 100%;
                background-position: center;
                width: 100%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                min-height:100%;
                position: absolute;
            }
            #layer2 {
                                position: absolute;
                z-index: 300;
                width: 100%;
                height: 100%;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0;
            }
            #tereshkova {
                position: absolute;
                z-index: 299;
                background-image: url('/items/tereshkova.png');
                background-position: bottom right;
                background-repeat: no-repeat;
                background-size: auto 60%;
                width: 100%;
                height: calc(100% - 80px);
                top: 0px;
                bottom: 80px;
                left: 0px;
                right: 0;
                max-height: calc(100% - 80px);
            }
}