Как выровнять ссылки по центру логотипа по горизонтали?

Общее
1

Помогите выровнять ссылки по центру логотипа по горизонтали.

TlfOgnevbbo
TlfOgnevbbo.jpg1920×1080 30.2 KB 

<heder>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <title>Davik Corp.</title>
    <link href="https://fonts.googleapis.com/css?family=Cute+Font|Roboto:400,400i,500,500i,700&display=swap" rel="stylesheet">

</heder>

<body>
   <div style="width:100%;
        border-top:9px solid #a292b3;
        border-bottom: #9EC1D4;
        padding-left:10px">
    </div>
    <header class="header">
        <div class="container">
            <div class="herder__inner">
               <div class="header__logo">
                   <img src="img/logo.png" alt="">
               </div>
               <nav class="nav">
                   <a class="nav__link" href="#">Home</a>
                   <a class="nav__link" href="#">About Us</a>
                   <a class="nav__link" href="#">Services</a>
                   <a class="nav__link" href="#">Conatct Us</a>
               </nav>
            </div>
        </div>

    </header>
2 
.herder__inner {
    display: flex;
    align-items: center;
}