.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
  }

  .qoute {
    font-family: 'Courgette', cursive;
    font-size: 3rem;
  }
  .carousel-caption{
    text-shadow: 2px 2px 4px #000000;
  }

  .quote-container {
    background-color: #405cd6;
    color: #d6deff;
  }

  .quote-container  p {
    color:#afbbee;
  }

  #aboutus {
    opacity: 0;
  }
  #vision {
    opacity: 0;
  }
  #mission {
    opacity: 0;
  }

  h1, h2, h5{
    color: #5271ff;
  }

nav {
  color: #5271ff;
}

.text-dark {
  color: #5271ff!important;
}
.qoute {
  color: #d6deff;
}

body {
  overflow-x: hidden;
}

.products-link{
  color: #5271ff!important;
}

.products-link:hover{
  color: #5271ff!important;
}

.img-holder:hover img {
  transform: scale(1.1, 1.1);
    transition-duration: 500ms;
    transition-timing-function: ease-out;
    opacity: 0.7;
}
.img-holder img{
  transform: scale(1.0, 1.0);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}

.img-wrapper {
  overflow: hidden;
  position: relative;
}

h2.lighter {
  color:white!important;
}
p.lighter {
  color:#c9ddff!important;
}
span.ligherish {
  color:#38b6ff!important;
}
.carousel {
  margin-bottom: 0!important;
}
.featurette-divider{
  margin: 0px!important;
}

.quote-container a, a:visited{
  color:white;
  text-decoration: underline;
}
.carousel2 {
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  
  .carousel2 {
    background-image: url('../images/fastrecoverysmall.jpg'); 
    background-size: cover; 
    background-position-x: calc(50%);
    width: 100%; 
    height: 100%;    
  } 

  .clouds {
    background-image: url('../images/clouds.jpg'); 
    background-size: cover; 
  }

    
  #webridgethegap {
    width: 100%;
  }
  #webridgethegap img{
    max-width: 1024px;
    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 40%);
  }

  #webridgethegaponsmall {
    width: 100%;
  }

  #webridgethegaponsmall img{
    max-width: 100%;
    position: absolute;
    height: auto;
    top: 80px;
    left: 0;
  }

  .benefits-holder img{
    position: absolute;
    height: auto;
    top: 40px;
    left: calc(50% - 40%);    
  }

}


@media screen and (min-width: 768px) {

  
  #webridgethegap {
    width: 100%;
  }
  #webridgethegap img{
    max-width: 1024px;
    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 40%);
  }

  #webridgethegaponsmall {
    width: 100%;
  }

  #webridgethegaponsmall img{
    max-width: 100%;
    position: absolute;
    height: auto;
    top: 80px;
    left: 0;
  }

  .benefits-holder img{

    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 25%);
  }

  .carousel2 {
    background-image: url('../images/fastrecovery.jpg'); 
    background-size: cover; 
    background-position-y: calc(60%);
    background-position-x: calc(50%);
    width: 100%; 
    height: 100%;    
  }

  .clouds {
    background-image: url('../images/clouds.jpg'); 
    background-size: cover; 
    background-position-y: calc(50%);
  }

  .benefits-holder img{

    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 15%);
  }
  
}


@media screen and (min-width: 1024px) {

  #webridgethegap img{
    max-width: 1024px;
    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 50%);
  }

  .benefits-holder img{

    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 15%);
  }
}

@media screen and (min-width: 1250px) {

  #webridgethegap img{
    max-width: 1024px;
    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 40%);
  }

  .benefits-holder img{

    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 15%);
  }
}

@media screen and (min-width: 1400px) {

  .benefits-holder img{

    position: absolute;
    height: auto;
    top: 30px;
    left: calc(50% - 15%);
  }

  #webridgethegap img{
    max-width: 1024px;
    position: absolute;
    height: auto;
    top: 0;
    left: calc(50% - 25%)
  }
}