/* Top carousel */

.carousel-container.benefits-carousel {
  height: 37vw;
  width: 100%;
}

/*
  Images
*/
.jumbo-img {
  height: 45vw;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.img-caption-container p {
  font-size: 1.2vw !important;
}

#reistant-img {
  background-image: url('../images/benefits/resistant-benefit-banner.jpg');
}

#time-release-img {
  background-image: url('../images/benefits/time-release-banner.jpg');
}

#bushman-works-img {
  background-image: url('../images/benefits/it-works-banner.jpg');
}


.icon-img {
  height: 45px;
  width: auto;
}

.bushman-resistant-container p, .bushman-time-container p, .fun-facts p, .it-works-container p, .comfort-benefit-container p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .img-caption-container p {
    font-size: 20px !important;
  }

  .jumbo-img {
    background-size: 200% 250%;
  }
  
  #reistant-img {
    background-size: 290% 100%;
  }

  #time-release-img {
    background-size: 210% 100%
  }

  #bushman-works-img {
    display: none;
  }

  #bushman-benefits-range {
    
    margin-top: 0 !important;
  }

  .row-caption-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  .row-caption-container p {
    font-size: 4vw;
  }

  .bushman-resistant-container p, .bushman-time-container p, .fun-facts p, .it-works-container p, .comfort-benefit-container p {
    font-size: 18px;
  }
}

/*
  Fun facts / Did you know
*/

.fun-facts-container p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .fun-facts-container {
    padding: 3%;
  }

  .jumbo-img {
    height: 87vh;
    width: 100%;
    background-size: 100% 105%;
    background-repeat: no-repeat;
  }

  .fun-facts-container h3 {
    text-align: center;
  }

  .fun-facts-container p {
    font-size: 4.5vw;
    text-align: center;
  }
}


/*
  Bushman: It works section
*/

.it-works-container {
  background: #fff200;
  background: #FFF200;
}


.it-works-header-container {
  padding-left: 3%;
  padding-right: 3%;
}

#bushman-benefits-range {
  margin-top: -150px;
  height: 250px;
  width: auto;
  max-width: 90%;
  display: block;
}



/*
  Wearer comfort
*/
.benefits-circle-img {
  height: 200px;
  width: auto;
}

#folower-image {
  height: 120px;
  width: auto;
}

.benefits-text-wrapper {
  padding-left: 15%;
  padding-right: 15%;
}