а почему вы практически не используете классы? section a:first-childб section a:last-child - ну это не серьезно. вставляем ссылки в текст получаем чудо эффект http://take.ms/h9u1V ну и нельзя задавать стили просто на теги. вы глобально задаете стили на header, section, main, article, footer - это очень плохо. тегов header и footer легко может быть несколько на странице, про section, main, article я вообще молчу. у вас уже начал валится сайт когда я вставил две ссылки при том что тут одна малюсенькая страничка, что же будет когда будет большой сайт? обязательно задавайте классы! не бойтесь их, хотя нужно тоже меру знать. с другой стороны если взять любой фреймворк типа бустрапа - так просто миллион классов, и ничего, никто не умер. в вашем случае будет достаточно просто сюда http://take.ms/7Lpbl класс, к примеру, .btn-more или .link-more. идем дальше http://take.ms/K9azt если вставить картинку большего размера то сайт повалился (обязательно кто-то влепит такую картинку, даже не сомневайтесь). тут я как бы поступил http://codepen.io/Z1gnet/pen/dgxIs ну и эта конструкция меня напрягает http://take.ms/6LJat . во первых не хорошо логотип в H1 сувать, а во вторых, опять же, давайте классы или айдишники. было бы просто .logo span.