ivankalachikov86

Почему бы тут не использовать transition вместо animation, зачем забивать гвоздь микроскопом?

codepen.io/anon/pen/pNKdYp

HTML академию категорически советую, хоть с торрентов, хоть купите. Дают действительно важные и актуальные навыки, в доступной форме.

У body стоит min-width: 1000px;
А через медиа-выражения лендинг перестраивается одну колонку только при 765px, собственно на всех разрешениях в пределах от 765 до 1000 px будет полоса прокрутки. Попробуйте поставить min-width: 766px;