html,
body{
    overflow-x:hidden;
}

html{
    font-size:16px;
}

body{
    font-family: 'Gothic A1', sans-serif;
    background-color: #eee5d3;
    color:#284734;
    margin:0px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Marcellus', serif;
    letter-spacing: normal;
 }

 header{
    margin-bottom:40px;
    position:relative;
 }

 .header-circle-graphique{
    position:absolute;
    width:500px;
    height:500px;
    border:2px solid #284734;
    border-radius:100%;
    top:-200px;
    right:-200px;
    opacity:0.4;
 }

 main{
    min-height:70vh;
 }

 footer{
    background-color:#697e70;
    padding:30px 20px 30px;
    color:#eee5d3;
 }

 .container{
    max-width:90rem;
    margin-left:auto;
    margin-right:auto;
    padding:0 20px;
 }

 .container.wide{
   max-width:100rem;
 }

 h1{
    font-weight:400;
    font-size:2.5rem;
    margin-top:0;
    margin-bottom:30px;
 }

 a{
    text-decoration:none;
    color:inherit;
 }

 footer h2{
    font-weight:400;
 }

 .main-content-row,
 .footer-first-row,
 .footer-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
 }

 .footer-nav{
   align-items:flex-end;
   gap:20px;
 }

 .main-content-row{
   align-items:flex-start;
 }

 .footer-first-row{
   justify-content:flex-end;
    margin-bottom:40px;
 }

 .main-content-left{
    padding-bottom:100px;
    width:40%;
 }

 .main-content-left p{
    font-size: 1.3rem;
    line-height:1.6;
}

 .main-content-right{
    width:60%;
 }

 .splide{
    margin-bottom:80px;
 }

 .splide__slide img {
    width: 100%;
    height: auto;
  }

  .splide__arrow{
    background:#eee5d3;
    transform:translateY(-50px);
  }

  .splide__arrow svg{
    fill:#284734 !important;
  }

  .splide__pagination {
    bottom:-30px;
  }

  .splide__slide img{
    border-radius:16px;
  }

  .slide-caption{
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap:20px;
  }

  .slide-caption p{
    width:50%;
}

  .footer-social-btns{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:30px;
  }

  .footer-social-btn{
    width:32px;
    height:32px;
    border-radius:100%;
    background:#eee5d3;
    text-align:center;
    flex-shrink:0;
  }
  .footer-social-btn svg{
    fill:#284734;
    max-width:90%;
    height:100%;
  }

  .video-lightbox-container{
    position:fixed;
    z-index:999;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background:rgba(0,0,0,0.8);
    display:none;
    align-items: center;
    justify-content: center;
    cursor:pointer;
  }

  .video-wrap {
    width:95%;
    max-width:70rem;
  }

  .video-container {
    position: relative;
    width:100%;
    padding-bottom: 56.25%;
  }
  
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none;
  }

  .slide-img-click{
    cursor:pointer;
  }

  #video-lightbox-close{
    width:25px;
    fill:#eee5d3;
    position:absolute;
    top:50px;
    right:50px;
  }

  .qs-button{
   background:#284734;
   border-radius:30px;
   color:#eee5d3;
   padding:8px 38px 8px 24px;
   display:inline-block;
   position:relative;
   text-align:center;
   font-size:0.9rem;
  }

  .qs-button::after{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.2em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L273 239z'/%3E%3C/svg%3E");   width:20px;
   height:1.2em;
   width:1.2em;
   position:absolute;
   right:3px;
   top:50%;
   transform:translateY(-50%);
}

.display-mobile{
   display:none;
}

.display-desktop{
   display:block;
}

.premiere-edition-cta{
   margin-top:100px;
}

.text-align-right{
   text-align:right;
}

.premiere-edition-cta-mobile{
   margin-bottom:40px;
}

.footer-social-wrap{
   text-align:right;
}

  @media (max-width:975px){
   .display-mobile{
      display:block;
   }
   
   .display-desktop{
      display:none;
   }
    .main-content-row{
        flex-wrap:wrap;
    }
    .main-content-left{
        width:100%;
    }
    .main-content-right{
        width:100%;
    }
    .header-circle-graphique{
        position:absolute;
        width:200px;
        height:200px;
        border:2px solid #284734;
        border-radius:100%;
        top:-120px;
        right:-80px;
        opacity:0.4;
     }
     h1{
        font-size:2rem;
     }
     .main-content-left p{
        font-size:1.1rem;
     }
     .main-content-left{
        padding-bottom:0;
     }
     header{
        margin-bottom:10px;
     }
     .footer-first-row,
     .footer-nav{
        flex-wrap:wrap;
    }    
  }

  @media (max-width:720px){
   .footer-nav>a{
      width:100%;
   }
   .footer-nav{
      justify-content:flex-end;
   }
  }

  @media (max-width:525px){
    .main-nav-logo{
        width:150px;
    }
    .slide-caption{
        flex-wrap:wrap;
      }
    
      .slide-caption p{
        width:100%;
    }
    .splide__arrow{
      transform:translateY(-100px);
    }
  }