<div class="wrapper">
    <header>
      <div class="header__container container">
        <div class="header__logo logo">
          <span>ShamySoap</span>
        </div>
        <nav class="header__menu">
          <div class="header__links">Главная</div>
          <div class="header__links">Каталог</div>
          <div class="header__links">Контакты</div>
        </nav>
      </div>
    </header>
  </div>

.header__container {
  display: flex;
  align-items: center;
  padding: 5px;
  background: green;
}

.header__menu {
  display: flex;
  align-items: center;
  line-height: 1;
  background: red;
}

.logo {
  font-size: 50px;
  font-weight: 400;
  font-family: Rubik;
  line-height: 1;
  background: lime;
}

.header__links {
  font-size: 20px;
  font-weight: 400;
}