html,
body,
header,
#intro {
  height: 100%;
}

#intro {
  background: url("//lionheartfilms.com/img/splash.jpg") no-repeat center center
    fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body#splash .navbar {
  display: none;
}

.top-nav-collapse {
  background-color: #24355c;
}

.lionheart {
  font-family: "MedievalSharp", cursive;
}

h1.lionheart,
h1 a.lionheart,
h1 a:hover .lionheart,
h2.lionheart,
h3.lionheart {
  text-shadow: 1px 2px 2px black;
  text-decoration: none;
  color: rgba(190, 46.46, 1);
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #fff;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #24355c;
  }
}