h1,
nav,
ul li {
  display: inline-block;
}

h1 {
  margin-right: 2rem;
}

header {
  padding: 12px 20px;
  height: 52px;
  position: sticky;
  left: 0;
  top: 0;
  background: #fff;
}

/* Tablet — md breakpoint */
@media (min-width: 640px) {
  header {
    padding: 14px 32px;
    height: 60px;
  }
}

/* Desktop — lg breakpoint */
@media (min-width: 1024px) {
  header {
    padding: 16px 80px;
    height: 68px;
  }
}