.loader-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999;
    background-color: white;
}

.loader-container.hidden{
display:none;
}

@media screen and (min-width: 1401px) {
    .loader-logo{
        position: absolute;
        height: 350px;
        width:350px;
        background-color: white;
        background-image: url('../images/Logo.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        animation: fadein 1s;
        -moz-animation: fadein 1s; /* Firefox */
        -webkit-animation: fadein 1s; /* Safari et Chrome */
        -o-animation: fadein 1s; /* Opera */
    }
}

@media screen and (max-width: 1400px) {
    .loader-logo{
        position: absolute;
        height: 250px;
        width:250px;
        background-color: white;
        background-image: url('../images/Logo.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari et Chrome */
        -o-animation: fadein 2s; /* Opera */
    }
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
    @-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
    @-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}