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

#intro {
    background: url("img/banner.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

  .white-text{
    
    text-shadow: .1rem .1rem .8rem black;
    
  }


  @media (max-width : 415px){
    .view h2 {
        font-size: 1.5rem;

    }
  }
  @media (max-width : 1024px){
    .view h2 {
        font-size: 3rem;

    }
  }