@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");



body {
  
  background-color: #ffffff;
 
   
}

/* ......below slide.... */
.belowslides {
  width: 80vw;

  font-size: 30px;
}
.productlogo{
  display:flex;
  flex-direction: column;
 
  
 
  width: 100%;
  height:auto;
  margin-bottom: 10vh;
  margin-top: 8vh;
}
.group h4{
  color: rgb(22, 20, 20);
  font-size :13PX; 
  min-width: 45px;
  font-weight: normal;
}
.group{
  width: 100%;
 
  display: flex;
  
  
  align-items: center;
  flex-wrap: wrap;
}
.logomargin{
  margin-top:27px;
}
.group a{
  height: 130px;
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:center;
 
  margin:0px 0px 25px 25px;
  

}

.container ,.container2 {
  display: flex;
  justify-content: space-between;
  margin-top: 5vh;
  margin-bottom: 5vw;
  flex-wrap: wrap;
}
.container img{
   width: 26vw;
}
.container2 img{
   width: 39vw;
}
.container3 img{
   width: 80vw;
}

.cont1style {
  /* box-shadow: 2px 2px 10px rgb(145, 145, 145); */
  margin-bottom: 30px;
}


@media(max-width: 1200px){
  .belowslides {
    width: 100vw;
    
    
  }
  .belowslides h1:not(:first-child){
    font-size: 35px;
    margin-left: 10vw;
  }
  
 
  .slideshow-container button{
    margin-top:-15vh;
    width: 160px;
   font-size: 20px;
  
  }
  .belowslides h1{
    font-size: 40px;
  }
  .prev,
.next{
  top: 40%;
}



.container ,.container2 {
  display: flex;
  justify-content: space-around;
  }
}

@media(max-width: 1000px){
  .belowslides h1:not(:first-child){
    font-size: 25px;
    margin-left: 7vw;
  }
  .slideshow-container button{
    margin-top:-11vh;
    width: 140px;
    height: 30px;
   font-size: 20px;
  
  }
  .belowslides h1{
    font-size: 28px;
  }
  .prev,
  .next{
    top: 33%;
  }
 
   
  .container ,.container2 {
    display: flex;
    justify-content: space-around;
    }
    
  
}

@media(max-width: 700px){
  .group a h4{
  
    font-family: Arial, Helvetica, sans-serif;
    
    font-size: 10px;

} 
.prev,
.next{
  top: 20%;
}
.slideshow-container button{
  margin-top:-6vh;
  width: 100px;
  height: 25px;
 font-size: 13px;

}
.belowslides h1:not(:first-child){
  font-size: 25px;
  margin-left: 10vw;
}
.productlogo {
  margin-top: 4vh;
  margin-bottom: 5vh;
}
.group  a img{
  width:45px;
}
.group a{
  width:90px;
  height: 100px;
}
.container,.container2 {
  display: flex;
  flex-direction: column;
 
  align-items: center;
  }
  .container img{
   
    width: 90vw;
  
    }
    .container2 img{
    
      width: 90vw;
      
      }
    

}