html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
          .navbar:not(.top-nav-collapse) {
              background: #1C2331!important;
          }
    }


#intro-section {
  background-image: url('../img/sunny.png');
  background-repeat: no-repeat; background-size: cover;
}

.text-shadow {
  text-shadow: 1px 1px 0px rgba(120, 120, 120, 1);
}