#logo{
display:block;
position:absolute;
background-image:url('../images/png/logo.png');
background-size:contain;
background-repeat:no-repeat;
background-position:50% 50%;
z-index:1;
}
#logo{
width:80%;
left:10%;
height:15%;
top:2.5%;
}

/*Modif Responsive*/

@media only screen and (min-width :1240px) {

}

@media only screen and (max-width :800px) {
#logo{
width:45%;
left:0;
height:10%;
top:1.25%;
}
}

@media only screen and (max-width :800px) and (max-height:600px) {
#logo{
width:80%;
left:10%;
height:15%;
top:2.5%;
}
}

@media only screen and (max-width :580px) {
#logo{
width:45%;
left:0;
height:10%;
top:1.25%;
}
}

@media only screen and (max-width :580px) and (max-height:420px) {
#logo{
width:80%;
left:10%;
height:15%;
top:2.5%;
}
}

@media only screen and (max-width :420px) {
#logo{
width:45%;
left:0;
height:10%;
top:1.25%;
}
}

@media only screen and (max-width :420px) and (max-height:380px) {
#logo{
width:80%;
left:10%;
height:15%;
top:2.5%;
}
}