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

/* Carousel*/
.carousel,
.carousel-item,
.carousel-item.active {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}

/*Caption*/
.carousel-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 776px) {
    .carousel .view ul li {
        display: inline;
    }
    .carousel .view .full-bg-img ul li .flex-item {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .jarallax {
    height: 100vh;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .jarallax {
    height: 100vh;
  }
}

@media (min-width: 560px) and (max-width: 740px) {
  header .jarallax li h1 {
    margin-bottom: 0 !important;
  }
  header .jarallax li h5 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  header .jarallax li h1 {
    margin-bottom: 0 !important;
  }
  header .jarallax li h5 {
    margin-bottom: 0 !important;
  }
}