Я создал внетренний див header-inner и задал ему:
display: flex;
align-items: center;
justify-content: space-between;
После чего все его дети будут выровняны по вертикали(align-items: center) и раскиданы по углам(justify-content: space-between).
Всё, они выровнены по вертикали. у себя там уберите позишены абсолюты ибо оно выбивает елементы из потока данных, инлайн блоки вам там не нужны и маргины некоторые.
.right-f {
/* margin-bottom: 19px;
margin-left: 764px; это вам не надо*/
}
Почитайте про флексы. вот как можно переделать это:
https://jsfiddle.net/qp5fe61u/