#Header_row {
  display: flex;
  max-height: 100px;
  /* background-color: rgba(255,255,255,0.05); */
}
#HeaderIcon, #NavButton {
  width: 17.5vw; /* This is essentially the ratio width of both icon and button on mobile. */
  height: 17.5vw; /* This makes sure the hight is there even if the images is not. We were getting odd "bumps" when first visiting url(like when in incognito). */
  max-width: 100px; /* So, change this value (& height's) if you want icons smaller/larger in desktop view. */
  max-height: 100px;
  /* background-color: rgba(255,255,255,0.05); */
}

#Header_heading {
  flex: 1;
  display: flex;
  align-items: center;
  /* background-color: rgba(255,255,255,0.05); margin: 3px; */
}

#Header_h1 {
  position: absolute;
  margin: 0 none;
  padding: 0 none;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 12px;
}

@media (max-width: 600px) {  
  #Header_h1 {
    font-size: 12px;
    letter-spacing: 8px;
  }
}