@media (max-width: 1400px) {
   .L1 {
    font-size: 6.4rem;
    max-width: 100%;
   }

   .sub-p {

    font-size: 4.05vw;
    max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1053px) {
    .L1 {
        font-size: 6rem;
       }
    
       .sub-p {
    
        font-size: 2.2rem;
        }
}

@media (max-width: 991px) {

    .program-p-sub-tt {
        font-size: 3.7vw;

    }

    .logo-musee {
        width: 140px;
    }

    .ff{
        width: 50%!important;
    }

    .ff1 {
        width: 50%!important;
    }

    .L1 {
        font-size: 9vw;
        max-width: 100%;
    }

    .sub-p {

        font-size: 3.75vw;
        max-width: 100%;
        }

    .pink-wording  p{
        padding: 0px 5%;
    }

    .flex-w-break,
    .program-content-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tasse-wrapper {
        text-align: center;
        margin-bottom: 27px;
    }

 

    .L2 {
        font-size: 4.3em;
    }

    .L3 {
        font-size: 4em;
    }

    .main-headinh {
        font-size: 3.5em;
    }

    .sub-main-headinh {
        font-size: 3em;
    }

    .pre-scroll {
        background-size: cover;
    }

    .col-12 {
        width: 100%;
    }

    .programme-tt {
        font-size: 2.7em;
    }

    .accordion-body {
        padding: 40px 20px;
    }

    .program-content-wrapper img {
        width: 80%;
        margin: 0 auto;
    }

    .rev {
        flex-wrap: wrap-reverse;
    }

    .mob-no-off {
        margin: 0 auto;
    }

    .ft-container {
        width: 100%;
        flex-wrap: wrap;
    }

    .text-mob {
        text-align: left !important;
    }

    .logo-st-ft {
        width: 350px;
    }

    .mb-mob {
        margin-bottom: 20px
    }

    .mb-mob-2 {
        margin-bottom: 35px !important;
    }

    .crd {
        height: 51px;
    }

    .adr-call {
        justify-content: flex-start;
        gap: 5%;
    }

    .hero {
        padding: 0px 0px 60px 0px;
    }

    .hero-header {
        padding: 20px 20px;
    }

    .av-footer {
        padding: 50px 0px 0px 0px;
    }
}



@media (min-width: 606px) and (max-width: 767px) {
    .L1 {
        font-size:10.5vw;

    }
}

@media (max-width: 605px) {
    .L1 {
        font-size:13.5vw;

    }
}
/* smartphone */

@media (max-width: 767px) {

    .programme-tt {
        font-size: 8vw;
    }

    .program-p-sub-tt {
        font-size: 5vw;

    }

    .pink-mob p {
        margin-bottom:0px!important;
        line-height: 1.4em;
        font-size: 7vw;

    }

    .pink-mob {
        padding: 20px 0px 20px 0px;
        display:block;
      }

    .pink-no-mob {
        display: none;
      }

    .rdv {
        display: none;
    }

    .rdv-mob {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .ff{
        width: 40%!important;
    }

    .ff1 {
        width: 50%!important;
    }

    .logo-musee {
        width: 95px;
    }

    html {
        padding: 0px;
    }

    .logo-st {
        display: none;
    }

    .logo-st-mob {
        display: block;
        height: 72px;
        position: absolute;
        top: 0;
        right: 14%;
    }

    .tasse {
        height: auto;
    }

 

    .sub-p {
        font-size: 1.5rem;
        line-height: 1.3em;
    }

    .pre-scroll {
        background-size: cover;
    }

    .main-headinh {
        font-size: 9.5vw;
        max-width: 100%;
    }

    .sub-main-headinh {
        font-size: 9.5vw;
        max-width: 100%;
    }

    .main-p {
        font-size: 1.3em;
    }

    .program-pink-p {
        font-size: 2.3em;
        line-height: 1.2em;
    }

    .program-p {
        font-size: 1.9em;
        line-height: 1.3em;
    }

    .accordion-button {
        display: block;
    }

    .main-p-it {
        font-size: 1.8em;
        padding-right: 2%;
        padding-left: 2%;
    }

    .mc-tt {
        font-size: 2.5em;
    }

    .mc-p {
        font-size: 1.5em;
    }

    .ft-img-holder {
        text-align: center;
    }

    .footer-logo {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .mob-full {
        width: 100%;
        text-align: center
    }

    .crd {
        display: none;
    }

    .adr-call {
        justify-content: flex-start;
        gap: 30px;
    }

    .logo-st-ft {
        width: 268px;
        margin: 0 auto;
    }

    .text-mob {
        text-align: center !important;
    }

    .footer-mob {
        text-align: center;
    }

    .coor {
        width: 95%!important;
        margin: 0 auto;
    }
}