.logo img{display:inline; padding: 10px 0;height: auto;max-width: 100%;}

/* Générique */
.img-responsive{display: inline;}

/* mobile */
@media (max-width: 767px) {
    .logo{padding:10px 0;}
}

/* tablette */
@media (min-width: 768px) and (max-width: 991px) {
    .logo{padding:20px 0;}
}

/* ecran */
@media (min-width: 992px) {
    .logo{padding:40px 0;}
}