<header>
  <div class="container">
    <div class="header_logo">logo</div>
    <div class="header_button">
      Buy Now
    </div>
    <div class="header_nav">
      <div class="nav">
        <div class="nav_item">
          <a href="#">Overview</a>
        </div>
        <div class="nav_item">
          <a href="#">About Fork</a>
        </div>
        <div class="nav_item">
          <a href="#">Buying Options</a>
        </div>
        <div class="nav_item">
          <a href="#">Support</a>
        </div>
      </div>
    </div>
  </div>
</header>

.container {
  width: 1000px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.header_logo {
  margin-right: auto;
}
.nav {
  display: flex;
}
.header_button {
  margin-left: 30px;
  order: 2;
}
@media screen and (max-width: 1040px){
  .container {
    width: 500px;
    flex-wrap: wrap;
  }
  .header_button {
    order: 0;
  }
  .header_nav {
    width: 100%;
  }
  .nav {
    justify-content: center;
  }
}