header {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 99;
  transition: all 0.2s ease;
  height: 100px;
}


.body-scrolled header {
  height: 50px;
}

header nav,
header nav .container,
header nav .container a,
header nav .container a img {
  height: 100%;
}


nav.navbar > .container {
  align-items: flex-end;
  justify-content: left;
  font-size: 120%;
}

header img {
  transition: transform 0.2s ease;
  image-rendering: optimizeQuality;
}

.body-scrolled header img {
  -webkit-font-smoothing: subpixel-antialiased;
  transform: scale(0.5, 0.5);
  transform: translateZ(0);
}

.body-scrolled header nav .container{
  font-size:100%;
}

body > .container {
  margin-top: 160px;
}