Как правильно расположить логотип сайта?

header {
  height: 101px;
  width: : 100%;
  background: url('http://via.placeholder.com/250x250/33ff99/555555?text=background') no-repeat;
  font-size: 30px;
  font-family: Peace Sans Webfont;
}

body {
  margin: 0;
  text-transform: uppercase;
}

.header {}

.logo {
  font-size: 42px;
  font-family: Peace Sans;
  text-decoration: none;
  color: #fff;
  margin: 29px 45px;
}

@font-face {
  font-family: Peace Sans;
  src: url(Peace Sans Webfont.ttf);
}

<div class="header">
  <header>
    <a class="logo" href="#">Обои природы</a>
  </header>
</div>