@media only screen and (max-width: 5000px) {

  

}


@media only screen and (max-width: 3000px) {

  

}


@media only screen and (max-width: 1290px) {


}

@media only screen and (max-width: 1200px) {





}

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


    section.biography-wrapper {
        background-position-y: 0 !important;
        padding: 40px 0;
    }

    .biography-shape-1 {
        width: 300px;
        height: 300px;
        top: -210px;
        left: -150px;
    }

    .biography-shape-2 span {
        width: 50px;
        height: 50px;
    }

    .biography-shape-3 {
        width: 164px;
    }

    .biography-shape-4 img {
        width: 70px;
    }

    /****************** shape ********************/

    .shape-form.shape-3 {
        width: 100px;
    }
    
    .shape-form.shape-1, .shape-form.shape-2 {
        width: 350px;
        height: 350px;
    }
    
    .shape-form.shape-4 {
        width: 120px;
        top: 514px;
        right: 161px;
    }
    

}



@media only screen and (max-width: 900px) {

    
    

   
}


@media only screen and (max-width: 768px) {

    section.biography-wrapper {
        padding: 30px 0;
    }
    
    h1.title-banner-center {
        font-size: 25px;
    }

    .breadcrumblist {
        font-size: 12px;
        margin-top: 5px;
    }

    .biography-btn {
        margin-top: 10px;
    }

    .skip-link-pill .arrow-circle {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .skip-link-pill {
        font-size: 11px;
        padding: 5px 14px;
        gap: 10px;
    }

    .biography-shape-1 {
        width: 260px;
        height: 260px;
        top: -180px;
        left: -150px;
    }

    .biography-shape-3 {
        width: 100px;
        left: -48px;
    }

    .biography-shape-2 span {
        width: 35px;
        height: 35px;
    }

    .biography-shape-2 {
        left: 28px;
        top: 100px;
    }

    .biography-shape-4 img {
        width: 50px;
    }

    .biography-shape-4 {
        top: 150px;
    }

      /******************** formes **************/

    .shape-cta.shape-4 {
        width: 99px;
    }

    .shape-cta.shape-1 {
        width: 180px;
        height: 180px;
    }
    
    .shape-cta.shape-3 {
        width: 100px;
    }
    
    .cta-shape-2 {
        width: 250px;
        top: -200px;
    }
    
    .cta-shape-1 {
        width: 200px;
    }
    
    .shape-cta.shape-5 {
        width: 120px;
        bottom: 10px;
    }
    
    .shape-cta.shape-2 {
        width: 180px;
        height: 180px;
        right: -18px;
        bottom: -20px;
    }


}


@media only screen and (max-width: 600px) {





}

@media only screen and (max-width: 485px) {

    
    h3.title-banner-center {
        font-size: 20px;
    }
    
    .skip-link-pill {
        flex-wrap: wrap;
        gap: 5px;
        margin: 0 -44px;
        padding: 5px 5px;
    }
    
    .biography-shape-1 {
        width: 160px;
        height: 160px;
        top: -94px;
        left: -97px;
    }
    
    .biography-shape-2 span {
        width: 22px;
        height: 22px;
    }
    
    .biography-shape-2 {
        left: 15px;
        top: 80px;
    }
    
    .biography-shape-3 {
        width: 80px;
    }
    
    section.biography-wrapper {
        padding: 30px 0;
    }


}


@media only screen and (max-width: 425px) {



}
@media only screen and (max-width: 375px) {

    
 
}

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

    
    
  
}