body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  font-family: "Roboto Mono", monospace, Verdana, Geneva, Tahoma, sans-serif;
}

h1 {
  font-family: zapfino;
  font-size: 1.1em;
}

h2 {
  font-family: zapfino;
  font-size: 1em;
}

h3 {
  font-size: 0.9em;
}

p {
  font-size: 0.8em;
}

header {
  margin: 30px;
}

.logo-img {
  height: 100px;
  margin-bottom: 20px;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
}

.navContainer,
.iconContainer {
  text-align: center;
}

.hamburger {
  display: none;
}

.nav-ul {
  margin-bottom: 30px;
}

.nav-ul li {
  display: inline;
}

.nav-ul a {
  padding: 5px;
  font-size: 0.9em;
}

.nav-ul li a:hover {
  background-color: #839895;
  color: white;
  border-radius: 5px;
}

.fa-facebook-f,
.fa-instagram,
.fa-envelope,
.fa-phone-alt {
  color: #53534a;
  font-size: 22px;
  padding: 5px;
  margin: 10px 0px 10px 0px;
  cursor: pointer;
}

.fa-facebook-f:hover,
.fa-instagram:hover,
.fa-envelope:hover,
.fa-phone-alt:hover {
  transform: scale(1.4);
}

.where-am-i-container li {
  display: inline;
}

.where-am-i-now {
  text-decoration: none;
  color: grey;
}

footer {
  padding: 50px 50px 100px 50px;
  background-color: #d3ccbc;
  margin-top: 150px;
}

.footer-container p,
.footer-table {
  font-size: 0.6em;
}

.footer-container h4 {
  font-size: 0.7em;
  margin-top: 40px;
}

.footer-container a {
  text-decoration: underline;
  text-transform: none;
}

.fa-heart {
  color: #c5463c;
  margin-right: 10px;
}