body,h1,h2,h3,h4,h5,h6 {
  font-family: "Raleway", sans-serif;
}

body, html {
  height: 100%;
  line-height: 1.8;
}

.w3-bar .w3-button {
  padding: 16px;
}

#logo {
  object-fit: contain;
  height: 28%;
  width: 28%;
  -webkit-filter: drop-shadow(5px 5px 1px #222222);
  filter: drop-shadow(5px 5px 1px #222222);
}

img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* Create a Parallax Effect */
.bgimg-1 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("images/image7.JPG");
  min-height: 100%;
}

.black-text {
  color: black;
  text-shadow: 1px 1px 5px white;
}

.white-text-header {
  color: white;
  text-shadow: 2px 2px 8px black;
  font-family: 'Rubik Dirt', cursive;
  font-size: 4em;
}

.white-text-small {
  color: white;
  text-shadow: 2px 2px 8px black;
  font-family: 'Rubik Dirt', cursive;
}