.slider{
height:60vh;
background-color: var(--gris);
z-index:1;
}
.slider .swiper{
height:100%;
}
.slider .swiper-slide{
position:relative;
}
.slider .swiper-slide .accroche{
position:absolute; left:10%; top:50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
width:80%;
font-size:2.5rem;
font-weight:700;
color: var(--blanc);
line-height:105%;
text-transform: uppercase;
text-align:left;
text-shadow:0 0 8px rgb(0,0,0,.3)
}
@media screen and (orientation:landscape){
.slider{
height:80vh;
} 
}
@media screen and (min-width:1200px){
.slider .swiper-slide .accroche{
font-size:3.5rem;
}
}
@media screen and (min-width:1680px){
.slider .swiper-slide .accroche{
font-size:4.5rem;
}
}