#home_intro{background-color:#000;height:100vh;position:relative;width:100vw}
#home_intro_bcg{background-image:url(../../../medias/images/home/RERU0963.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;filter:alpha(opacity=30);height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}
#home_intro_logo{left:0;padding-top:20vh;position:absolute;text-align:center;top:0;width:100%}
#home_intro_logo img{height:auto;max-width:300px;width:60vw}
#home_intro_text p{font-family:Verdana;margin:0;padding:0;text-align:center}
#home_intro_text .font_bb{font-size:28px;font-weight:700;letter-spacing:20px;margin-left:20px;margin-top:25px;text-transform:uppercase}
#home_intro_text .font_studio{font-size:20px;letter-spacing:12px;margin-left:12px;margin-top:8px;text-transform:lowercase}
#home_typed_text span,#home_typed_text p{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;letter-spacing:12px}
.promo_scroll_down{bottom:0;cursor:pointer;left:0;position:absolute;text-align:center;width:100%;z-index:99}
#home_scroll_down{display:none}
.home_chapter{display:inline-block;height:100vh;position:relative;width:100%}
#chapter_1{background-color:#bb9d7a}
#chapter_2{background-color:#000}
.chapter_title{margin-bottom:50px;margin-top:50px}
.chapter_title h1,.chapter_title h2{font-family:Verdana;margin:0;margin-left:10%;margin-right:10%;padding:0;text-align:center}
.chapter_title h1{font-size:16px;letter-spacing:10px;line-height:20px;padding-left:10px;text-transform:uppercase}
.chapter_title h1 br{line-height:25px}
.chapter_title h1 .small{font-weight:400;text-transform:lowercase}
.chapter_title h2{font-size:14px;font-weight:400;letter-spacing:2px;line-height:18px;margin-top:20px;padding-left:2px}
.chapter_infos{display:table;margin-top:50px}
.chapter_infos .infos_img{display:table-cell;width:50vw}
.chapter_infos .infos_img .img{background-position:center center;background-repeat:no-repeat;background-size:cover;border:solid 3px #000;border-radius:50%;cursor:pointer;height:30vw;margin-left:15vw;margin-right:5vw;position:relative;width:30vw}
.chapter_infos .infos_img .img:hover .bgc{opacity:.2}
.chapter_infos .infos_img .img:hover .bg_number{opacity:1}
.chapter_infos.inverse .infos_img .img{margin-left:5vw;margin-right:15vw}
.chapter_infos .infos_txt{display:table-cell;height:100%;vertical-align:middle;width:50vw}
.chapter_infos .infos_txt p{font-size:16px;letter-spacing:5px;line-height:25px;margin:0;padding:0;padding-bottom:10px;padding-right:20vw;text-align:center}
.chapter_infos .infos_txt p span{letter-spacing:0}
.chapter_infos .infos_txt p:first-child{padding-bottom:40px}
.chapter_infos.inverse .infos_txt p{padding-left:20vw;padding-right:0}
.chapter_infos .infos_txt .link a{position:relative;text-decoration:none;top:5px}
.chapter_infos .infos_txt .link a img{height:20px;width:20px}
#chapters{display:table;margin-left:auto;margin-right:auto;margin-top:15vh;position:relative}
.chapter{display:inline-block;margin-left:5vw;margin-right:5vw}
.chapter_img{cursor:pointer;height:20vw;margin-left:auto;margin-right:auto;width:20vw}
.chapter_img .img{background-position:center center;background-repeat:no-repeat;background-size:cover;border:solid 3px #000;border-radius:50%;height:100%;position:relative;width:100%}
.chapter_img .img_1{background-image:url(../../../medias/images/closeups/skills.jpg)}
.chapter_img .img_2{background-image:url(../../../medias/images/closeups/services.jpg)}
.chapter_img .img_3{background-image:url(../../../medias/images/closeups/portfolio.jpg)}
.bgc{background-color:#000;border-radius:50%;height:100%;left:0;opacity:0;position:absolute;top:0;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;width:100%}
.bg_number,.bg_text{align-items:center;display:flex;filter:alpha(opacity=0);height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;-moz-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;vertical-align:middle;width:100%}
.bg_number p,.bg_text p{color:#fff;text-align:center}
.bg_number p{filter:alpha(opacity=30);font-size:160px;letter-spacing:0;opacity:.3}
.bg_text p{font-size:18px;letter-spacing:5px;margin-left:5px}
.chapter_img:hover .bgc{opacity:.4}
.chapter_img:hover .bg_number,.chapter_img:hover .bg_text{opacity:1}
.chapter_txt{margin-top:30px;text-align:center}
.chapter_txt p{letter-spacing:5px;margin:0;margin-left:5px;padding:0}
.blockquote{margin-left:auto;margin-right:auto;max-width:650px;width:80%}
#chapter_1 .chapter_infos .img{background-image:url(../../../medias/images/closeups/skills_2.jpg)}
#chapter_2 h1,#chapter_2 p,#chapter_2 blockquote{color:#fff}
#chapter_2 .blockquote{max-width:600px}
#chapter_2 .chapter_infos .img{background-image:url(../../../medias/images/closeups/services_2.jpg);border-color:#fff}
#chapter_3 .blockquote{max-width:400px}
#chapter_3 .chapter_infos .img{background-image:url(../../../medias/images/closeups/portfolio_2.jpg)}
@media only screen and (max-width: 900px) {
.bg_number p{font-size:100px}
.bg_text p{font-size:14px}
}
@media only screen and (max-width: 800px) {
#home_intro_text .font_bb{font-size:22px;letter-spacing:15px}
#home_intro_text .font_studio,#home_typed_text span,#home_typed_text p{font-size:16px;letter-spacing:10px}
#chapters{display:table;margin-top:5vh;width:100%}
.chapter{display:table-row;margin-left:0;margin-right:0}
.chapter_img .img{border:solid 2px #000}
.chapter_txt{margin-top:2vh;padding-bottom:5vh}
.chapter_infos{display:inline-block;width:100%}
.chapter_infos .infos_img,.chapter_infos .infos_txt{display:inline-block;width:100%}
.chapter_infos .infos_img .img{height:40vw;margin-left:auto!important;margin-right:auto!important;width:40vw}
.chapter_infos,.chapter_infos .infos_txt{margin-top:5vh}
.chapter_infos .infos_txt p{font-size:15px;line-height:23px;padding-left:6%!important;padding-right:6%!important;text-align:center}
.chapter_infos .infos_txt p:first-child{padding-bottom:30px}
#chapter_2 .infos_txt{margin-top:0}
#chapter_2 .infos_img{margin-top:5vh}
}
@media only screen and (max-width: 400px) {
.blockquote{width:90%}
#chapter_3 .blockquote{max-width:220px}
.chapter_title h1{letter-spacing:6px;padding-left:6px}
.chapter_title h2{font-size:13px}
#home_intro_text .font_bb{font-size:16px;letter-spacing:12px}
#home_intro_text .font_studio,#home_typed_text span,#home_typed_text p{font-size:14px;letter-spacing:8px}
.icon_scroll_down{height:50px;width:50px}
.chapter_title{margin-bottom:3vh;margin-top:3vh}
.chapter_txt p{font-size:13px}
.chapter_img{height:25vw;width:25vw}
#chapter_2 .infos_img{margin-top:3vh}
.chapter_infos .infos_txt p{line-height:22px}
}
@media only screen and (max-width: 350px) {
.chapter_img{height:22vw;width:22vw}
.chapter_infos .infos_txt p{font-size:14px;line-height:20px;padding-bottom:15px}
}