кажется, что обертка изображения (тег) имеет определенную ширину
a.logo {
width: 290px;
}
Вот почему изображение не будет увеличиваться в размере, при дальнейшей проверке я вижу, что вы содержали этот раздел в "col-sm-2 col-xs-12 navigation-header", а затем дали тегу большую ширину, чем длину должно ... это может вызвать проблемы на отзывчивой стороне:)
продолжай практиковать! у тебя все отлично!