/********** Smartphone **********/

.logo{
	width: 50%;
	display: block;
    margin: 3vh auto;

}


/********** Smartphone Landscape **********/
@media (orientation: landscape) and (max-width: 768px) {

.logo{
	width: 30%;
}	
}


/********** Tablette Landscape **********/

@media (min-width: 768px) and (max-width: 1280px) and (orientation: landscape){

.logo{
	width: 30%;
}
}

/********** Desktop **********/

@media (min-width: 1280px) {

.logo{
	width: 25%;
}
}