/*!
 * ConvergenWeb - info@convergenceweb.ch
 * style.css 
 * Copyright (c) 2021 ConvergenceWeb
 */


.cariatide-bloc {
	display:flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	width:100vw;
	height:5vh;
  
}

.cariatide-down_w {
  width:3vw; 
  height: auto; 
  
}


/******************************** Xs BOOTSTRAP MEDIA QUERIES ********************************/

/* Xxs Screen portrait */
@media screen and (max-width: 767px) and (orientation: portrait) {
.cariatide-down_w {
width:12vw; 
height: auto; 
}

}

/* Xs Screen landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
.cariatide-bloc {
	height:10vh;
}

.cariatide-down_w {
width:7vw; 
height: auto; 
}

}

/******************************** Sm BOOTSTRAP MEDIA QUERIES ********************************/

/* Sm Screen portrait */
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
.cariatide-down_w {
width:6.5vw; 
height: auto; 
}
		
}

/* Sm Screen landscape */
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
.cariatide-down_w {
width:5vw; 
height: auto; 
}
	
}

/******************************** Md BOOTSTRAP MEDIA QUERIES ********************************/

/* Md Screen portrait */
@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {
.cariatide-down_w {
width:9vw; 
height: auto; 
}

}

/* Md Screen landscape */
@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
.cariatide-down_w {
width:5vw; 
height: auto; 
}

}

/******************************** Lg BOOTSTRAP MEDIA QUERIES ********************************/

/* Lg Screen I*/
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.cariatide-down_w {
width:4vw; 
height: auto; 
}

}

/* Lg Screen Tablettes XL landscape */
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
.cariatide-down_w {
width:5vw; 
height: auto; 
}

}

/* Lg Screen II */
@media screen and (min-width: 1601px) {

}


/******************************** Animation ********************************/

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}