body {
  background: #2d2d37;
}
.fa-angle-double-down {
  color: white;
  text-decoration: none;
}
.fa-angle-double-down-4x {
  
  color: white;
  text-decoration: none;
}

.fa-angle-double-down:link {
	color: #fff;
	text-decoration: none;
}

.fa-angle-double-down:visited {
	
	color: #fff;
	text-decoration: none;
}

.fa-angle-double-down:hover {
	color: #fff;
	text-decoration: none;
}

.fa-angle-double-down:active {
	color: #fff;
	text-decoration: none;
}

.extremeglider-bloc {
	position: absolute;
    bottom: 8px;
    width: 100vw;
    height: 5vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.extremeglider-bloc-50 {
	display:flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	width:50vw;
	height:5vh;
  
}
.extremeglider-down_w {
  width:3vw; 
  height: auto; 
  
}


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

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

}

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

.extremeglider-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) {
.extremeglider-down_w {
width:6.5vw; 
height: auto; 
}
		
}

/* Sm Screen landscape */
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
.extremeglider-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) {
.extremeglider-down_w {
width:6vw; 
height: auto; 
}

}

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

}

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

/* Lg Screen I*/
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.extremeglider-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){
.extremeglider-down_w {
width:4vw; 
height: auto; 
}

}


/******************************** 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);
  }
}