.intro-slideshow img {
    position: absolute;
    top: -6.4%;
    left: 0;
    width: 100%; 
    height: 50%; 
    object-fit:contain ;
    z-index:-1;

    opacity: 0;
    transition: opacity 0.75s ease-in-out;
  }

  
  @media (min-width: 768px) {
    
.intro-slideshow img {
  position: absolute;
  top: -14.8%;
  left: 0;
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  z-index:-1;

  opacity: 0;
  transition: opacity 0.75s ease-in-out;
}

    .intro-header { padding: 1.5rem 2rem; }
    .intro h1 { font-size: 2.5rem; }
    .intro p { font-size: 1.25rem; }
    .page-wapper2{
      min-height: 50%;
  }
  }
  .page-wapper2{
    min-height: 30%;
}

.in_row {
  display: grid;
  padding: 169px 10px;
  margin: 12% 10px;
}
.in_row img{
  width: 100%;
  transition: .4s;
}
.in_row :hover{

   filter: brightness(0.8); 
}
.women{
  display: grid;
  justify-content: space-around;
  margin-top: -32%;
  width: 90%;
align-items: center;
}

.container{

  padding: 22px 0;
  margin: 0 auto;
  margin-top: 22%;
  
  display: block;

  align-items: center;
  text-align: center;
  font-size: 1.7rem;

}
@media (min-width: 768px) {


  .container{
    margin-top: -28%;
    
  }
  .women{
  display: grid;
  justify-content: right;
  padding: 0 63px;
  margin-top: -22%;
  }
.in_row {
  display: flex;
  justify-content: space-evenly;
  padding: 12% 0;
}
.in_row img{
  width: 120%;
  transition: .4s;
}
  
.bg a{

  padding: 0 11%;

}


}


.container img{
  width: 220px;
}

.container p{

  margin: auto;
  padding: 2% 0;

  font-weight: 500;
}
.bg{
  padding: 60px 0;
}
.bg .cg-video{
  text-align: center;
  align-items: center;
  color: white;
  max-width: 100%; 
  max-height: 86%; 
  z-index: -1;

}
.bg h1{
  color: white;
  padding: 4% 5%;
  font-size: 1rem;
  text-align: center;
  align-items: center;
}
.bg h2{
  color: white;
  align-items: center;
  text-align: center;
  margin-bottom: 11%;
  font-size: .8rem;
}
.info-bbw{
  margin-right: 11%;
}
.bg a{
  font-size: .5rem;
  outline: none;
  background: transparent;
  color: white;
  border-radius: 8px;
  border: 2px solid white;
  padding: 3% 3%;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  text-align: center;
  margin-left: 38%;
}
@media (min-width: 768px) {
  .bg{
    margin-bottom: 11%;
  }
  .bg .cg-video{
    text-align: center;
    align-items: center;
    color: white;
    min-width: 100%; 
    min-height: 86%; 
    object-fit: cover;
  }
  .bg h1{
    font-size: 4rem;
    text-align: center;
    align-items: center;
  }
  .bg h2{
    font-size: 2rem;
    align-items: center;
    text-align: center;
    margin-bottom: 11%;
  }
  
  .bg a{
    font-size: 1.16rem;
    outline: none;
    background: transparent;
    color: white;
    border-radius: 8px;
    border: 2px solid white;
    padding: 1.5% 3%;
    cursor: pointer;
    text-decoration: none;
    margin-left: 45%;
  }
  
}