Для .site-logo поставьте float:left
.site-logo {
float: left;
}
А лучше, изучите флексбоксы:
html5book.ru/css3-flexbox
https://pepelsbey.net/2013/05/flexbox-gotcha/
https://pepelsbey.net/pres/flexbox-gotcha/
https://habrahabr.ru/post/242545/
И абсолютное позиционирование там лишнее.
Код, на будущее, выкладывайте на сервисы типа
https://jsfiddle.net/ 
