html {
  height: 100%;
  background-color: #000000;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}

/* Navigation Bar */
#navigation-bar {
  color: #cfb87c;
  height: 50px;
}

/* Navigation Bar Links */
.nav-link {
  color: #cfb87c;
}

/* Navigtion (Button Pressed) */
#hamburgerMenu {
  text-align: center;
}

/* Page Footer */
footer {
  height: 70px; /* 2% of the height */
  background-color: #000000;
  text-align: center;
}

/* Footer Icons */
#social-media-icons img {
  margin: 0px 10px; /* Space icons by 20 px */

  margin-bottom: 20px; /* Add margin to bottom to even out difference with top */
  justify-content: center; /* Center horizontally */
  align-items: center;
}