Read up on media queries. They're used heavily in Bootstrap, and you'll just need to specify the image you want for each screen size range. It'll look something like this:
@media screen and (max-width: 600px) {
.logo {
background: url(my-image.jpg);
}
}