/* Homepage */
.fullscreen-content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* Hero */
.home-hero-bg {
  position: absolute;
  background-image: url('../img/home-hero-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.scroll-down-wrapper {
  position: absolute;
  width: 100%;
  bottom: 5rem;
  text-align: center;
}
.scroll-down {
  font-size: 1.5rem;
}

/* About */
.bg-about {
  /* background-image: linear-gradient(to right, #343a40, #000000); */
  background-color: rgba(26, 32, 44, 0.9);
}
.about-bg {
  position: absolute;
  background-image: url('../img/about-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* Vision */
.vision-bg {
  position: absolute;
  background-image: url('../img/bg-features.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* Products */
.products-bg {
  position: absolute;
  background-image: url('../img/bg-products.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bg-products {
  position: absolute;
  background-color: rgba(26, 32, 44, 1);
  z-index: 1;
  height: 100%;
  width: 50%;
}

/* Usability */
.usability-bg {
  position: absolute;
  background-image: url('../img/bg-features.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.usability-text  {
  font-size: 1.5rem;
  overflow-wrap: break-word;
}

/* Contact */
.contact-bg {
  position: absolute;
  background-image: url('../img/bg-contact.jpg');
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.contact-map {
  height: 30rem;
}

@media (max-width: 667px) {
  .navbar-collapse {
    background-color: #343a40;
  }
  /*.scroll-down-wrapper {*/
  /*  bottom: 7rem;*/
  /*}*/
  .contact-map {
    height: 15rem;
  }
  .usability-text  {
    font-size: 1rem;
  }
}