body {
  padding-top: 0;
}

header {
  background: transparent;
  transition: all 0.3s;
}

header.change {
  background: white;
}

header > div > h1 > a > img:nth-child(1) {
  display: none;
}

header > div > h1 > a > img:nth-child(2) {
  display: block;
}

header > div > h1 > a > img:nth-child(1).change {
  display: block;
}

header > div > h1 > a > img:nth-child(2).change {
  display: none;
}

.navMenu > ul > li > a {
  color: white;
}

.navMenu > ul > li > a.change {
  color: #333;
}

.navMenu > ul > li > a.change:hover {
  color: darkorange;
}

@media (max-width: 899px) {
  header.activeFP {
    background: white;
  }

  header > div > h1 > a > img:nth-child(1).activeFP {
    display: block;
  }
  
  header > div > h1 > a > img:nth-child(2).activeFP {
    display: none;
  }

  #hamburger > span {
    background: white;
  }

  #hamburger > span.change {
    background: #333;
  }

  #hamburger > span.activeFP {
    background: #333;
  }

  #hamburger.change span:nth-child(1) {
    background: #333;
  }

  #hamburger.activeFP span:nth-child(1) {
    background: #333;
  }

  #hamburger.change span:nth-child(3) {
    background: #333;
  }

  #hamburger.acttiveFP span:nth-child(3) {
    background: #333;
  }
}