body {
    background:#9C9C9C;
    font-family: 'Open Sans', sans-serif;
}

.decor {
    position:absolute;
    top: 0;
    z-index:2;
    width: 100%;
    pointer-events:none;  
}

.decor_g {
    position:absolute;
    top: 0;
    z-index:-1;
    width: 100%;
    height: 100%;
    margin-left:15%;
}

.decor_d {
    position:absolute;
    top: 0;
    right: 0;
    float:right;
    z-index:-1;
    margin-right:15%;
    height: 100%;
}

.logo {
    width:100%;
    font-size:89px;
    top:0;
    position: relative;
}

.home-title-holder {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.home-title {
    font-size:200px;
    color:#fff;
}

figure, img {
    width:100%;
}

.img_data {
    border-radius:26px;
  position: absolute;
}



.content-img {
    border-radius:26px;
    max-width: 520px;
}

.col-center {text-align: center;}

.img_data_2 {
    height:400px;
    overflow:hidden;
    border-radius:50px;
}

footer { 
    bottom:0;
}

.about_section {
    background: #0F0F0F;
}

.btn-primary {
    background: transparent !important;
    border-radius: 50px;
    border: 1px solid #9C9C9C !important;
    color: #9C9C9C !important;
    text-transform: uppercase;
    font-size:16px;
}

.btn-primary:hover {
    background: #fff !important;
    opacity: 0.4;
    color : #0F0F0F !important;
    border:1px solid #fff !important;
}

.txt_section_2 { 
    text-align:center;
    text-transform:uppercase;
    color: #9C9C9C;
}

.txt_bold {
    font-weight: 700;
    margin-bottom:0px;
}


.section_2 {
    position: absolute;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}


.header_2 {
    position: absolute;
    z-index: -3;
    width: 100%;
}
.footer_2 {
    z-index: -3;
    position: absolute;
    width: 100%;
}

.btn_about a {
    max-width: 220px;
    font-weight:700;
}

.txt_section_2 {
    margin-bottom:0px;
}

.btn {
    z-index: 3 !important;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


    .header-1 {
        padding: 10px !important;
    } 

    .footer-1 {
        padding: 10px !important;
    }

    .footer_2 {
        padding: 0px !important;
    }
    
    .content-img {
        padding:0px !important;
    }

    .col-center {
        padding:0px;
    }
    .section_2 {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0px;
        right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .btn_about {
        padding:15px;
    }

    .btn_about a {
        margin-bottom:10px;   
        max-width: none;
    }

    .img_data {
        margin-top:20px;
        height:240px;
        overflow:hidden;
        border-radius:50px;
        min-height: 178px;
        max-height: 178px;
    }

    .m-hidden {
        display:none;
    }
}

.medium-zoom-image--opened {
    padding:10px !important;
    border-radius:26px !important;
}

.medium-zoom--opened .medium-zoom-overlay {
    cursor: pointer !important;
    cursor: zoom-out;
    background: rgb(0 0 0 / 95%) !important;
}

/*
    TABLETTE
*/
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 768px) {
    .footer-2 {
        padding: 0 !important;
    }

    .img_data {
        height:240px;
        overflow:hidden;
        border-radius:50px;
        min-height: 158px;
        max-height: 208px;
    }
}


@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 1024px) {
    .img_data {
        height:240px;
        overflow:hidden;
        border-radius:50px;
        min-height: 188px;
        max-height: 188px;
    }

    .t-btn {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width : 1024px) {

    .img_data {
        border-radius:25px;
        height:400px !important;
    }

    .content-img {
        max-width: 450px !important;
    }

    /* Styles */
    }
    
    /* Large screens ----------- */
    @media only screen and (min-width : 1440px) {
        
    .img_data {
        height:721px;
        border-radius:26px;
        object-fit: scale-down;
    }

    .content-img {
        max-width: 100% !important;
    }
}


@media only screen and (min-width : 2560px) {
        
    .img_data {
        min-height:200px;
        border-radius:26px;
        object-fit: scale-down;
        padding: 90px;
    }

    .content-img {
        border-radius:26px;
    }
}

/* INFO SPLIDE A NE PAS MODIFIER */ 
.splide {
    transform-origin: center center;
    pointer-events: auto; 
    padding: 20px 0;
  }
  
  .splide__arrows {
      display:none !important;
  }
  .splide__slide {
    img {
      display: block;
      width: 100%;
      border-radius: 8px;
      transition: transform 400ms;
      transform: scale(.9);
      transform-origin: center center;
    }
  }
  
  .splide__slide.is-active {
    img {
      transform: scale(1);
    }
  }
  
  .splide .splide__arrow {
    top: 0;
    bottom: 0;
    height: 100%;
    transform: none;
    border-radius: unset;
    width: 50px;
    opacity: .9;
    svg {
      filter: invert(1);
      width: 24px;
      height: 24px;
    }
  }
  .splide__arrow.splide__arrow--prev {
    left: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
  }
  .splide__arrow.splide__arrow--next {
    right: 0;
    background: linear-gradient(270deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
  }
  
  .left {
    text-align: left;
  }
