/* SECTION VISION */
.vision-section{
padding:20px 10px;
}

.vision-title{
font-size:28px;
font-weight:700;
color:#4aa3df;
margin-bottom:10px;
}

.vision-intro{
font-size:15px;
color:#555;
margin-bottom:40px;
line-height:1.7;
}

/* LETTRES ERIE */

.vision-left{
text-align:center;
}

.vision-letters span{
display:block;
font-size:140px;
font-weight:900;
line-height:130px;

background: linear-gradient(180deg,#ff8c2a,#d15a00);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

opacity:0;
transform:translateX(-50px);
transition:all 0.8s ease;
}

/* Animation apparition */
.vision-letters span.show{
opacity:1;
transform:translateX(0);
}

/* TEXTE */

.vision-item{
margin-bottom:35px;
opacity:0;
transform:translateY(30px);
transition:all 0.8s ease;
}

.vision-item.show{
opacity:1;
transform:translateY(0);
}

.vision-item h4{
font-weight:700;
font-size:18px;
margin-bottom:8px;
position:relative;
padding-bottom:8px;
}

/* Ligne sous titre */

.vision-item h4:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:60px;
height:2px;
background:#c96b2c;
}

.vision-item p{
color:#666;
line-height:1.8;
font-size:14px;
text-align:justify;
}

/* MOBILE */

@media(max-width:768px){

.vision-letters span{
font-size:80px;
line-height:80px;
}

.vision-left{
margin-bottom:30px;
}

.vision-right{
padding:0;
}

}