body {
    margin-top: 100px;
}

/* HEAD ANIMATION + DESCRIPTION*/
.head {
    text-align: center;
    margin: 5vh 7.5vw 5vh 7.5vw;
    background-size: cover;
    width: 85vw;
    height: auto;
    color: white;
    border-radius: 35px;
}

.head video {
    width: 100%;
    border-radius: 20px;
}

.description {
    width: 85vw;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 10vh 0 10vh 7.5vw;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .description {width: 75vw; font-size: 1.5rem; margin: 5vh 0 5vh 12.5vw;}
}
@media screen and (min-width: 1024px) {
    .head {
        text-align: center;
        margin: 5vh 12.5vw 5vh 12.5vw;
        width: fit-content;
        width: 75vw;
        height: auto;
        color: white;
        border-radius: 35px;
    }
    .description {margin: 10vh 0 10vh 12.5vw;}
}

@media screen and (min-width: 1950px) {
    .textehead {display: flex; flex-direction: row-reverse; text-align: right;}
    .titrehead h1{font-size: 4rem; margin: 1vh 0 0 0;}
    .titrehead p {font-size: 1rem; margin: 1vh 0 0 0; font-weight: 400;}
    .textehead>svg{width: auto; margin: 0 2vw 0 2vw;}
}


/* PARTITLES */
.parttitle {font-size: 2rem; text-align: center; margin: 5vh 0 2vh 0;}
@media screen and (min-width: 768px) {
    .parttitle {font-size: 2rem;}    
}
@media screen and (min-width: 1024px) {
    .parttitle {font-size: 2.5rem; margin: 0vh 0 2vh 0;}
}

.encadretitre1 {
    display: inline-block;
    border: 0.25rem solid #1D3A6A;
    padding: 0.25rem;
    border-radius: 1rem;
    color: #1D3A6A;
}
.encadretitre2 {
    display: inline-block;
    border: 0.25rem solid #f66a2e;
    padding: 0.25rem;
    border-radius: 1rem;
    color: #f66a2e;
}


/* PART 1 */
.part1 {
    width: 90vw;
    margin: 0 0vw 10vh 5vw;
    display: grid;
    grid-gap: 2vw;
    line-height: 1.5rem;
}
.part1box {
    background-color: white;
    padding: 5vw;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.part2 {
    width: 90vw;
    margin: 0 0vw 10vh 5vw;
    display: grid;
    grid-gap: 2vw;
    line-height: 1.5rem;
}
.part2box {
    background-color: white;
    padding: 5vw;
    border-radius: 35px;
    height: auto;
    display: flex;
    align-items: center;
}
.part1box1 {grid-column: 1; grid-row: 1; background-color: #071c33; color: white;}
.part1box3 {grid-column: 1; grid-row: 2; border: 0.10rem solid rgba(0, 0, 0, 0.25);}
.part1box2 {grid-column: 1; grid-row: 3; background-color: #071c3323; flex-direction: column-reverse;}
.part2box2 {background-color: #071c3323; flex-direction: column-reverse;}
.part2box1 {border: solid 2px #071c3323; flex-direction: column;}
.part1box video {width: 75%; align-self: center;}
.part2box video {width: 25vw; align-self: center;}

.slider {
    height: 80%;
    width: 80%;
    position: relative;
  }
  
  .slider_content {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
  }
  
  .slider_content_item {
    height: 100%;
    max-height:100px;
    min-width: 20%;
  }
  
  .slider_content_item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  
@media screen and (min-width: 768px) {
    .part1 {width: 80vw; margin: 0 0vw 10vh 10vw; grid-template-columns: 1fr 1fr; grid-template-rows: 0.5fr 0.5fr;}
    .part1box {padding: 3vw;}
    .part1box1 {grid-row: 1; grid-column: 1 / span 2; flex-direction: row-reverse;}
    .part1box2 {grid-column: 1 / span 2; grid-row: 2; flex-direction: row;}
    .part1box3 {grid-column: 2; grid-row: 2;}
    .part1box video {width: 75%;}
    .part2 {width: 80vw; margin: 0 0vw 10vh 10vw; grid-template-columns: 1fr 1fr; grid-template-rows: 0.5fr 0.5fr;}
    .part2box2 {grid-column: 1 / span 2; grid-row: 1; flex-direction: row;}
    .part2box1 {grid-column: 1 / span 2; grid-row: 2; text-align: left; }
    .part2box video {width: 50%;}
}


@media screen and (min-width: 1024px) {
    .part1box video {width: 25%; margin: 0 5vw 0 5vw;}
    .part1box2 {flex-direction: row;}
    .part2box video {width: 20%; margin: 0 5vw 0 5vw;}
}


@media screen and (min-width: 1950px) {
    .part {
        width: 60vw;
        margin: 0 0vw 0vh 20vw;
        padding: 0;
    }
    .part video {
        max-width: 20vw;
    };
}


/* Privacy */
.privacycare2 {
    width: 100vw;
    background-color: #071c33;
    color: white;
    padding: 5vh 0 5vh 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 10px #e9e9e9;
}
.privacytexte {width: 80vw;}
.privacytexte>p {font-size: 1rem;line-height: 1.5rem;}
.privacycare2>img {width: 8rem; margin: 0 2.5vw 2vh 2.5vw;}
.privacycare2>video {width: 8rem; margin: 0 2.5vw 0 2.5vw;}

@media screen and (min-width: 768px) {   
    .privacytexte {width: 50vw;}
    .privacycare2>svg {width: 20vw;}
}

@media screen and (min-width: 1024px) {
    .privacycare2>svg {width: 10vw;}
}

@media screen and (min-width: 1950px) {
    .privacycare2 {margin-top: 10vh;}
    .privacycare2>svg {width: 10rem;}
}