/* максимальная ширина 480 */ @media screen and (max-width: 480px) { .logo { float: left; clear: both; margin: 1em; width: 19%; }
в файле main.css для разной ширины браузера описан разный размер лого - width. В коде выше лого для ширины экрана меньше 480px
Для каждого случая (размер экрана), я поставил свои значения.
Поэкспериментировал, и все получилось)