/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- ------- MEDIA - ANIMATION ------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */

@media (max-width: 730px) {
    .Logo-Ios-Container{
        display: block;
    }

    .Logo-Desk-Container{
        display: none;
    }

    .Animation-Cache{
        top: calc(50vh + 70px);
    }

    .Animation-Global-Container{
        transition: height 0.6s ease-out;
    }
}

@media (max-height: 900px) and (max-width: 600px) {
    .Cover-Main-Container{
        top: 50vh;
        transform: translateY(-50%);
    }
}



/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --- MEDIA -- ROOT -- HEADLINE --- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */

/* ---------------------- MEDIA HEADLINE CONTAINER (DISPLAY) --------------------- */

@media (max-width: 730px) {
    .Headline-Full-Container-1{
        display: none;
    }

    .Headline-Full-Container-2{
        display: block;
    }
}

/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- MEDIA -- ROOT -- INTRO - SECTION  ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */

@media (max-width: 730px) {
    .Intro-Section-1{
        display: none;
    }

    .Intro-Section-2{
        display: block;
    }
}


/* ---------------------- MEDIA -- ROOT -- INTRO TXT (DISPLAY) ---------------------- */

@media (max-width: 1600px){
    .Intro-Txt-11, .Intro-Txt-21, .Intro-Txt-31{
        display: none;
    }
}

@media (max-width: 1600px) and (min-width: 1071px) {
      .Intro-Txt-12, .Intro-Txt-22, .Intro-Txt-32{
        display: block;
    }  
}

@media (max-width: 1070px) and (min-width: 601px) {
      .Intro-Txt-13, .Intro-Txt-23, .Intro-Txt-33{
        display: block;
    }  
}

@media (max-width: 600px) and (min-width: 501px) {
      .Intro-Txt-14, .Intro-Txt-24, .Intro-Txt-34{
        display: block;
    }  
}

@media (max-width: 500px) and (min-width: 421px) {
      .Intro-Txt-15, .Intro-Txt-25, .Intro-Txt-35{
        display: block;
    }  
}

@media (max-width: 420px) and (min-width: 361px) {
      .Intro-Txt-16, .Intro-Txt-26, .Intro-Txt-36{
        display: block;
    }  
}

@media (max-width: 360px) {
      .Intro-Txt-17, .Intro-Txt-27, .Intro-Txt-37{
        display: block;
    }  
}



/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- MEDIA -- ROOT -- INTRO IMAGES  ------------------------- */
/* ---------------------- --------------------------------- ---------------------- */

/*  MEDIA -- ROOT -- INTRO IMAGES MAIN CONTAINER (DISPLAY) ----------------------- */

@media (max-width: 730px) {
    .Intro-Images-Main-Container-1{
        display: none;
    }

    .Intro-Images-Main-Container-2{
        display: flex;
    }
}



/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- MEDIA - ROOT - ACCROCHE - SECTION ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */
/* ---------------------- --------------------------------- ---------------------- */

@media (max-width: 1800px) {
    .Home-Accroche-1{
        display: none;
    }
}

@media (max-width: 1800px) and (min-width: 1701px) {
      .Home-Accroche-2{
        display: block;
    }  
}

@media (max-width: 1700px) and (min-width: 1601px) {
      .Home-Accroche-3{
        display: block;
    }  
}

@media (max-width: 1600px) and (min-width: 1201px) {
      .Home-Accroche-4{
        display: block;
    }  
}

@media (max-width: 1200px) and (min-width: 731px) {
      .Home-Accroche-5{
        display: block;
    }  
}

@media (max-width: 730px) and (min-width: 501px) {
      .Home-Accroche-6{
        display: block;
    }  
}

@media (max-width: 500px) {
      .Home-Accroche-7{
        display: block;
    }  
}


/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- CONTENT SECTION -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */

/* HOME CONTENT FULL CONTAINER (DISPLAY) ------------------------------ */

@media (max-width: 960px) {
    .Home-Content-Full-Container-1{
        display: none;
    }
    
    .Home-Content-Full-Container-2{
        display: block;
    }
}


/* HOME CONTENT TEXT (DISPLAY) ---------------------------------------- */

@media (max-width: 1800px) {
    .Home-Content-101, .Home-Content-111{
        display: none;
    }
}

@media (max-width: 1800px) and (min-width: 1441px) {
    .Home-Content-102, .Home-Content-112{
        display: block;
    }  
}

@media (max-width: 1440px) and (min-width: 1071px) {
    .Home-Content-103, .Home-Content-113{
        display: block;
    }  
}

@media (max-width: 1070px) and (min-width: 961px) {
    .Home-Content-104, .Home-Content-114{
        display: block;
    }  
}

@media (max-width: 960px) and (min-width: 731px) {
    .Home-Content-201, .Home-Content-211{
        display: block;
    }  
}

@media (max-width: 730px) and (min-width: 501px) {
    .Home-Content-202, .Home-Content-212{
        display: block;
    }  
}

@media (max-width: 500px) and (min-width: 421px) {
    .Home-Content-203, .Home-Content-213{
        display: block;
    }  
}

@media (max-width: 420px) {
    .Home-Content-204, .Home-Content-214{
        display: block;
    }  
}



/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- - RDV SECTION - -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */


/*  ROOT HOME RDV TITLE DISPLAY  -------------------------------------- */

@media (max-width: 1300px) {
    .Home-Rdv-Title-1{
        display: none;
    }
}

@media (max-width: 1300px) and (min-width: 601px) {
    .Home-Rdv-Title-2{
        display: block;
    }
}

@media (max-width: 600px) and (min-width: 501px) {
    .Home-Rdv-Title-3{
        display: block;
    }
}

@media (max-width: 500px) and (min-width: 391px) {
    .Home-Rdv-Title-2{
        display: block;
    }
}

@media (max-width: 390px) {
    .Home-Rdv-Title-3{
        display: block;
    }
}


/*  ROOT HOME RDV TEXT DISPLAY  --------------------------------------- */


@media (max-width: 1300px) {
    .Home-Rdv-1{
        display: none;
    }
}

@media (max-width: 1300px) and (min-width: 731px) {
    .Home-Rdv-2{
        display: block;
    }
}

@media (max-width: 730px) and (min-width: 501px) {
    .Home-Rdv-3{
        display: block;
    }
}

@media (max-width: 500px) and (min-width: 391px) {
    .Home-Rdv-4{
        display: block;
    }
}

@media (max-width: 390px) {
    .Home-Rdv-5{
        display: block;
    }
}


/*  ROOT HOME CONTENT TEXT WIDTH  --------------------------------------- */
@media (max-width: 500px) {
    .Home-Content-Text-Container-11{
        width: 102%;
    }
}