body {
  margin: 0;
  padding: 0;
  background-opacity: 0.8;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
}

h2 {
color: #cb9662

}

body.home {
  background-image: url("../images/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

body.about {
  background-image: url("../images/about.jpg");
  overflow: visible;
  color: red;
}

#mission:link {
  text-decoration: none;
}
#mission:visited {
  text-decoration: none;
}
#mission:hover {
  text-decoration: none;
}
#mission:active {
  text-decoration: none;
}

#mission {
  color: #dfe6a2;
  font-family: TitilliumText-Regular;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding-top: 50px;
  
}

footer {
  align-self: end;
  justify-self: end;
  margin-top: auto;
  background: #fff;
  height: 35px;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

footer p {
  color: #000;
  line-height: 35px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

footer div img {
  width: 35px;
  height: 35px;
  margin: 0 10px;
  text-decoration: none;
}

footer div.socials a {
  text-decoration: none;
}

nav {
  padding: 0 !important;
}

div.contact-container {
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

div.contact-container h1 {
  margin-bottom: 50px;
}

div.dropdown-menu.show {
  right: 0;
  left: auto;
}

@media (max-width: 576px) {
  nav.navbar {
    height: 70px;
  }
  #navbarSupportedContent {
    background-color: #fff;
  }
  footer {
    margin-top: 100vh;
    height: auto;
    flex-direction: column;
  }
  footer p {
    width: 100%;
  }
  div.socials {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}