.ferme{width: 100%; max-width: 1300px; height: 600px;margin: 0 auto; background: url(../images/fermen02.jpg) no-repeat center center /  100% auto; position: relative; margin-bottom: 100px;}
.ferme::before{content: ""; display: block; width: 100%; height: 600px; background: #111; opacity: .7; position: absolute; top: 0; left: 0; z-index: 1;;;}
.ferme .title{text-align: center; position: relative; z-index: 10; padding-top: 100px;;}
.ferme .title span{color: #fff; display: block; font-size: 24px; line-height: 1em; font-weight: 200;}
.ferme .title strong{color: #fff; font-size: 60px; line-height: 1em; font-weight: 500;}

.ferme .text{position: relative; z-index: 10; text-align: center; margin-top: 150px;}
.ferme .text::before{content: ""; display: block; width: 1px; height: 100px; position: absolute; top: -100px; left: 50%; transform: translateY(-50%); background: #fff;}
.ferme .text span{color: #fff; display: block; font-size: 20px; font-weight: 200; line-height: 2em;}

.feature{width: 100%;max-width: 1300px; margin: 0 auto; position: relative}
.feature .photo{width: 400px; height: 300px; position:sticky; top: 150px; left: 0; background: url(../images/fermen01.jpg) no-repeat center center / 100% auto ;}
.feature .photo img{width: 100%; height: auto;}

.feature .text{width: 100%; max-width: 1300px; padding-left: 450px; margin-top: -300px;}
.feature .text strong{display: block; font-size: 40px; line-height: 2em; color: #666;}
.feature .text strong i{font-style: normal; color: #333;}
.feature .text span{display: block; font-size: 24px;color: #333; }
.feature .text span.exp{font-size: 20px; color: #888; margin-top: 50px;}

.feature .text>div{margin-bottom: 150px; ;}



@media all and (max-width:1000px) {
    .ferme{background-size: cover;}
    .ferme .title span{font-size: 4vw;}
    .ferme .title strong{font-size: 12vw;}
    .ferme .text span{font-size: 4vw;}

    .feature .photo{position: static; margin: 0 auto; width: 100%; max-width: 400px;}
    .feature .text{padding-left: 0; margin-top: 0; text-align: center;}
    .feature .text strong{font-size: 5vw;}
    
    .feature .text span{font-size: 4vw;}
    .feature .text span.exp{font-size: 2.8vw; margin-top: 30px;}

    
    .feature .text>div{margin-bottom: 70px; ;}
}