.header-logo {
  position: absolute;
  margin-left: 2vw;
  top: 1.5vw;
  z-index: 9999;
}

.header-logo > a > img {
  width: 5.5vw;
  position: fixed;
}

@media screen and ( orientation: landscape ) and ( max-width: 812px ) {

  .header-logo {
    width: 100vw;
    margin-left: 0;
    top: 0;
    text-align: center;
    margin-top: 4vh;
  }

  .header-logo > a > img {
    width: 5.5vw;
    position: relative;
  }

}

@media screen and (max-width: 479px) {

  .header-logo {
    width: 100vw;
    margin-left: 0;
    top: 0;
    text-align: center;
    margin-top: 5vh;
  }

  .header-logo > a > img {
    width: 15vw;
    left: 50%;
    transform: translate(-50%, 0%);
    position: absolute;
  }

  .margin-container {
    margin-top:10vw;
  }

}