/* Small devices (landscape phones, 767px and up) */

@media only screen and (max-width: 991px) {
    html {
        font-size: 2.666666666666667vw;
    }
    .desk {
        display: none !important;
    }
    header{
        width: 100%;
        height: auto;
        padding-bottom: 0.2rem;
    }
    header .container{
        flex-wrap: wrap;
    }
    .logo{
        width: 10.6rem;
        height: 7.6rem;
        object-fit: cover;
        object-position: top;
    }
    .header-img {
        width: 26.7rem;
        height: 7.6rem;
        object-fit: cover;
        object-position: top;
    }
    .logo img{
        height: auto;
        margin-top: -0.6rem;
    }
    .header_content{
        width: 100%;
        height: auto;
        padding: 0.4rem;
        border-top: 0.2rem solid #ebe7dc;
    }
    .header_content h2 span {
        font-size: 1.4rem;
        padding: 0.2rem 0.4rem 0.1rem 0.4rem;
        font-weight: 600;
    }
    .header_content h2 span:nth-child(1){
        margin-bottom: 0.2rem;
    }
    .header_content h2 {
        margin-bottom: 0.4rem;
    }
    .jauge_holder {
        position: relative;
    }
    .jauge {
        width: 16.4rem;
        height: 2.2rem;
        padding-left: 0.2rem;
        position: initial;
    }
    .jauge_progress {
        height: 1.8rem;
    }
    .jauge_progress span {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
    .jauge p {
        width: 20rem;
        top: 0.2rem;
        right: 0;
        left: initial;
        font-size: 1.2rem;
    }
    .jauge p b b {
        width: 4.5rem;
    }
    .bg_1 {
        padding-top: 19.5rem;
        padding-top: 16.5rem;
    }
    .sec1_imgs {
        width: 100%;
        padding-bottom: 0.2rem;
    }
    .section1 .container {
        height: auto;
        flex-direction: column;
    }
    .sec1_imgs div {
        width: 15rem;
        height: 17.2rem;
    }
    .sec1_imgs img:nth-child(3) {
        margin-left: 0.2rem;
        width: 22.3rem;
        height: 17.2rem;
        object-fit: cover;
    }
    .sec1_imgs div img:nth-child(1) {
        height: 8.5rem;
        object-fit: cover;
        margin-bottom: 0.2rem;
    }
    .sec1_imgs div img:nth-child(2) {
        height: 8.5rem;
        object-fit: cover;
    }
    .sec1_txt {
        width: 100%;
        height: auto;
        padding: 1.6rem 2rem 2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sec1_txt h1 span {
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 0.8rem;
    }
    .sec1_txt h1 span:last-child{
        margin-bottom: 0;
    }
    .sec1_txt h1{
        padding-bottom: 1.6rem;
        width: 100%;
    }
    .sec1_txt p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        padding-right: 1rem;
    }
    .sec1_txt .primary-btn {
        text-transform: uppercase;
        width: 18.6rem;
        height: 6.2rem;
        border-radius: 0.4rem;
    }
    .sec1_txt div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .section1{
        width: 100%;
    }
    .section2{
        width: 100%;
        background-image: url(../img/memorialdelashoah_batisseursdememoire_nice_7_m.jpg);
        margin-top: 0.2rem;
        background-position: center top -8.6rem;
        background-repeat: no-repeat;
        background-size: contain;
        height: auto;
        padding-top: calc(45rem - 8.6rem);
        padding-bottom: 4.8rem;
    }
    .section2 .container {
        width: 33.5rem;
        margin: 0 auto;
    }
    .section2 h3 {
        font-size: 2.8rem;
        line-height: 140%;
        font-weight: 300;
        margin-bottom: 3.2rem;
    }
    .section2 h3 span b {
        font-weight: 900;
    }
    .sec2_txt {
        width: 100%;
        padding: 0;
    }
    .sec2_txt p {
        font-size: 1.6rem;
        line-height: 140%;
        margin-bottom: 3.2rem;
    }
    .sec2_txt p b {
        font-size: 1.8rem;
    }
    .sec2_txt .primary-btn {
        width: 100%;
        height: 9.2rem;
    }
    .section3{
        width: 100%;
        padding-bottom: 4.8rem;
    }
    .sec3_img img:last-child {
        display: none;
    }
    .sec3_txt {
        padding: 0 2rem 4rem 2rem;
        padding: 0;
    }
    .sec3_img{
        position: initial;
        width: 100%;
        margin-bottom: 4rem;
    }
    .sec3_img img {
        height: 45.7rem;
        object-fit: cover;
    }
    .sec3_txt h3,
    .sec3_txt p {
        padding: 0 2rem;
    }
    .sec3_txt h3 {
        font-size: 2.8rem;
        font-weight: 900;
        margin-bottom: 2.4rem;
    }
    .sec3_txt p {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    .sec3_txt p b {
        font-size: 1.8rem;
    }
    .sec3_txt ul {
        padding: 0 2rem 4rem 2rem;
        display: none;
    }
    .sec3_txt li{
        font-size: 1.8rem;
    }
    .sec3_txt h6{
        display: flex;
        justify-content: center;
        align-content: baseline;
        margin: 0;
        width: 100%;
        padding-bottom: 4.3rem;
    }
    .sec3_txt h6 span{
        font-size: 1.8rem;
        text-decoration: underline;
        font-weight: 600;
        color: #00418C;
    }
    .sec3_txt h6 img {
        display: block;
        width: 1.6rem;
        margin-left: 0.8rem;
        transition-duration: 0.3s;
    }
    .section4{
        width: 100%;
        padding: 4.8rem 2rem 3.2rem 2rem;
    }
    .section4 .container {
        flex-direction: column;
        padding: 2rem 0 0 0;
    }
    .sec4_txt h3 {
        padding: 0 2rem;
        margin-bottom: 3.2rem;
    }
    .sec4_txt h3 b,
    .sec4_txt h3 span {
        font-size: 2.8rem;
    }
    .sec4_txt h3 strong {
        font-weight: 900;
    }
    .sec4_txt p {
        padding: 0 2rem;
        font-size: 1.8rem;
        line-height: 140%;
        margin-bottom: 0;
        width: 100%;
    }
    .section4 .container img {
        width: 30.3rem;
        margin: 0 auto;
    }
    .sec4_txt {
        width: 100%;
    }
    .section5{
        width: 100%;
        padding-bottom: 4.8rem;
        margin-top: 0;
    }
    .section5 .container {
        width: 33.5rem;
        margin: 0 auto;
    }
    .section5 h3 {
        font-size: 2.8rem;
        margin-bottom: 1.6rem;
    }
    .section5 .d-flex {
        margin-top: 1.6rem;
    }
    .section5 .primary-btn {
        width: 33.5rem;
        height: 6.2rem;
        font-size: 2rem;
    }
    .sec5_box {
        width: 100%;
        flex-direction: column;
    }
    .sec5_box img {
        width: 33.5rem;
        height: 21.4rem;
        object-fit: cover;
    }
    .sec5_box div {
        width: 100%;
        padding: 3.2rem 2rem;
    }
    .sec5_box div p {
        font-size: 1.6rem;
        line-height: 140%;
    }
    .sec5_box div p b {
        font-weight: 600;
    }
    .bg_3 {
        padding: 4.8rem 0 30.3rem 0;
        background-position: center bottom;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../img/memorialdelashoah_batisseursdememoire_nice_15_m.png);
    }
    .section6{
        width: 100%;
    }
    .section6 h3{
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 auto 2.8rem auto;
        width: 33.5rem;
    }
    .sec6_flex {
        width: 33.5rem;
        margin: 0 auto;
        flex-direction: column;
    }
    .sec6_box {
        width: 100%;
        margin-bottom: 2rem;
    }
    .sec6_box:last-child{
        margin-bottom: 0;
    }
    .sec6_box-head {
        height: 13.4rem;
    }
    .sec6_box-head h4 {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
    .sec6_box-head h4 span {
        font-size: 2rem;
    }
    .sec6_box-head h4 i {
        font-size: 1.6rem;
    }
    .sec6_box-body {
        height: 22.2rem;
        height: auto;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .sec6_box-body p {
        margin-bottom: 2.2rem;
        font-size: 1.6rem;
        line-height: 160%;
        min-height: initial;
    }
    .sec6_box-body .primary-btn {
        height: 6.2rem;
        width: 18.6rem;
    }
    .section6 h3,
    .section6 h3 b {
        font-size: 2.8rem;
    }
    .section7{
        width: 100%;
        overflow: hidden;
        padding: 6rem 0;
    }
    .sec7_flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sec7_flex h2 {
        font-size: 3.2rem;
        font-weight: 900;
        width: 33.5rem;
        margin: 0 auto 4.8rem auto;
    }
    .sec7_content {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sec7_box{
        width: 33.5rem;
    }
    .circle_box {
        width: 24rem;
    }
    .circle_box .omega{
        height: 24rem;
    }
    .circle {
        stroke-width: 0.3rem;
    }
    .sec7_box h6 {
        font-size: 1.2rem;
        font-weight: 600;
        width: 12.6rem;
        top: 12.5rem;
        font-weight: 600;
    }
    .sec7_box h5{
        font-size: 5.6rem;
        line-height: 5.6rem;
        font-weight: 700;
        top: 5.6rem;
        padding-left: 3rem;
    }
    .sec7_box h5 sup {
        font-size: 3rem;
    }
    .sec7_box p {
        width: 100%;
        font-size: 1.4rem;
        line-height: 180%;
        font-weight: 400;
        margin: 1.6rem auto;
    }
    .sec7_box .primary-btn {
        width: 22.6rem;
        height: 6.2rem;
    }
    .sec7_box {
        margin-bottom: 4.8rem;
    }
    .sec7_box:last-child{
        margin-bottom: 0;
    }
    .sec7_box:last-child h5 {
        top: 5rem;
    }
    .sec7_box:last-child h6 {
        width: 16rem;
        top: 12rem;
    }
    .sec7_box p b{
        font-size: 1.6rem;
    }
    footer{
        width: 100%;
        padding: 3.2rem 0 11.8rem 0;
    }
    .footer .container {
        width: 33.5rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer .logofooter {
        width: 10.6rem;
        margin-bottom: 2.4rem;
    }
    .copy {
        margin: 0 auto 3.2rem auto;
        width: 100%;
    }
    .email {
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
    }
    .copybloc{
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
    }
    .copy a {
        font-size: 1.2rem;
        text-decoration: none;
    }
    .copybloc span, .copybloc a{
        font-size: 1.2rem;
        text-align: center;
    }
    .socialfooter {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .textSocial {
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
    .blociconeSocial {
        width: 22rem;
    }
    .cadrePopupMnetions{
        width: 90%;
        margin: 0 auto;
    }
    .containerMentionsLegales{
        padding: 3rem 2rem;
        flex-direction: column;
        height: 64rem;
        overflow: auto;
    }
    .blocMentions{
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #ccc;
        border-right: none;
    }
    .blocregles{
        padding: 0;
        width: 100%;
    }
    .textBold{
        font-size: 1.6rem;
    }
    .textBlocMentions p, .textBlocRegles p{
        font-size: 1.6rem;
    }
    .share_media_holder button, .share_media_holder a {
        width: 4.8rem;
        height: 4.8rem;
    }
    .share_media_holder {
        width: 4.8rem;
        height: 4.8rem;
    }
    .share_media_holder button img, .share_media_holder a img{
        width: 2rem;
    }
    .share_media_holder{
        bottom: 1.2rem;
        height: 29rem;
        height: auto;
    }
    .sec3_txt h6.active img {
        transform: rotate(180deg);
    }

    .primary-btn-fix{
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
        width: 100%;
        border-radius: 0;
        text-transform: uppercase;
        height: 6.2rem;
        bottom: -7.5rem;
    }
    .primary-btn-fix.active{
        bottom: 0;
    }
    .share_media_holder{
        bottom: 0.7rem;
        right: 0.7rem;
    }

}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    html {
        font-size: 0.5208333333333333vw;
    }
    .mob {
        display: none !important;
    }
    .primary-btn:hover {
        background-color: #C31144;
        transform: scale(1.1, 1.1) !important;
        transition-duration: 0.3s !important;
        transition-delay: initial !important;
    }
    .iconeSocial a:hover{
        transform: scale(1.1, 1.1) !important;
        transition-duration: 0.3s !important;
        transition-delay: initial !important;
    }
    .share_media_holder button:hover,
    .share_media_holder a:hover{
        background-color: #ffffff;
    }
    .share_media_holder button:hover img:nth-child(2),
    .share_media_holder button.active:hover img:nth-child(4),
        .share_media_holder a:hover img:nth-child(2),
    .share_media_holder a.active:hover img:nth-child(4){
        opacity: 1;
    }
    .share_media_holder button:hover img:nth-child(1),
    .share_media_holder button.active:hover img:nth-child(2),
    .share_media_holder button.active:hover img:nth-child(3),
        .share_media_holder a:hover img:nth-child(1),
    .share_media_holder a.active:hover img:nth-child(2),
    .share_media_holder a.active:hover img:nth-child(3){
        opacity: 0;
    }
.title-word {
    opacity: 0;
    transform-origin: bottom center;
    transform: rotateX(-90deg);
}
.title-word.active {
    -webkit-animation: roll-in 0.3s 0s ease-out forwards;
    animation: roll-in 0.3s 0s ease-out forwards;
}
.text-word {
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
    transition-duration: 0.3s;
}
.text-word.active{
    transition: all, opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translateX(0px) translateY(0px);
}

}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
}