@media screen and (min-width: 450px) {
    /* .front-about__text h1 {
        margin-bottom: -5px;
        gap: 1rem;
    }
    .front-about__text h1 span {
        padding-bottom: .5rem;
        margin-bottom: 0;
    } */
}

@media screen and (min-width: 576px) {
    /* .about-clients__content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        justify-items: center;
        align-items: center;
    } */
}

@media screen and (min-width: 700px) {
    .front-categories {
        padding: 4rem 0;
    }
    .front-categories__content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 1rem;
    }
    .cta__img {
        width: 70%;
    }
}

@media screen and (min-width: 800px) {
    header .topnav__media {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        visibility: visible;
    }
    .front-about {
        margin: 0 0 15rem;
    }
    .front-about__content {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .front-about__text {
        position: absolute;
        padding: 2rem;
        background-color: var(--white);
        border-radius: 15px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        width: 90%;
        bottom: -18rem;
    }
    .front-catalogue {
        margin: 5rem 0 2rem;
    }
    .front-catalogue__content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .front-reseaux__list {
        margin: 2rem 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .front-reseaux-col-1 { grid-area: 1 / 1 / 2 / 2; }
    .front-reseaux-col-2 { grid-area: 1 / 2 / 3 / 3; }
    .front-reseaux-col-3 { grid-area: 3 / 2 / 4 / 3; }
    .front-reseaux-col-4 { grid-area: 2 / 1 / 5 / 2; }
    .front-reseaux-col-5 { grid-area: 5 / 1 / 6 / 2; }
    .front-reseaux-col-6 { grid-area: 4 / 2 / 6 / 3; }

    .front-reseaux-col-1, .front-reseaux-col-5 {
        padding: 2rem;
    }
    .front-reseaux-col-3 {
        padding: 0 2rem;
    }
    /* .about-clients__content ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        justify-items: center;
        align-items: center;
    } */


    .front-about__content .bee-4 { bottom: -13rem; right: 3rem; }
}

@media screen and (min-width: 991px) {
    header .topnav__media p {
        display: block;
        visibility: visible;
    }
    .title-section-orange {
        font-family: 'butany'; 
        font-size: 3.5rem; 
        color: var(--clr-orange-base); 
        margin-top: 1rem;
        margin-bottom: .5rem;
        width: 100%;
        text-align: left;
    }
    .title-section-orange span { 
        font-family: 'Now-Regular'; 
        font-size: 2.5rem !important;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    .title-section-white {
        font-family: 'butany'; 
        font-size: 3.5rem; 
        color: var(--white); 
        margin-top: 1rem;
        margin-bottom: .5rem;
        width: 100%;
        text-align: left;
    }
    .title-section-white span { 
        font-family: 'Now-Regular'; 
        font-size: 2.5rem !important;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    .front-about__text{
        text-align: left;
    }

    .separator-orange {
        height: 1.5px;
        background-color: var(--clr-orange-base);
        width: 10%;
        margin: .5rem 1rem 2rem;
    }
    .separator-white {
        height: 1.5px;
        background-color: var(--white);
        width: 10%;
        margin: .5rem 1rem 2rem;
    }

    .hero__content {
        padding: 0 1rem;
        align-items: left;
    }

    .hero-title {
        justify-content: center;
    }

    .hero-title h1 {
        padding: 1rem 3rem;
        font-size: 5rem;
    }
    .front-catalogue__content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .about__content {
        flex-direction: row;
        gap: 2rem;
    }
    .about-valeurs {
        padding: 0 0 2rem;
    }
    .about-valeurs__img {
        flex-direction: row;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .formulaire__content {
        margin: 4rem 0 4rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    /* .form-col-1 { grid-area: 1 / 1 / 3 / 2; }
    .form-col-2 { grid-area: 1 / 2 / 2 / 3; }
    .form-col-3 { grid-area: 3 / 1 / 4 / 2; }
    .form-col-4 { grid-area: 2 / 2 / 4 / 3; } */

    .form-col-1 { grid-area: 1 / 1 / 3 / 2; height: 40rem; }
    .form-col-2 { grid-area: 1 / 2 / 2 / 3; height: 40rem; }
    .form-col-3 { grid-area: 3 / 1 / 5 / 2; }
    .form-col-4 { grid-area: 2 / 2 / 5 / 3; }

    .cta {
        padding: 3rem 0;
    }
    .cta__content {padding: 0;}
    .cta__text {
        width: 60%;
    }
    .cta__text h2 {
        padding: 0 0 1rem;
        font-family: 'Now-Regular';
    }
    .cta__img {
        position: absolute;
        display: block;
        width: max-content;
        right: 0rem;
        top: -56px;
    }
    .cta__img img {
        height: 20rem;
        /* filter: drop-shadow(0 0 0.75rem rgba(138, 138, 138, 0.5)); */
    }
    .cta .bee-1 { visibility: visible; display: block; top: 6.6rem; right: 20rem; }
    .cta .bee-2 { top: -3.6rem; right: 17rem; }
    .cta .bee-3 { top: -28px; left: 150px; }
    .slick-next:before, .slick-prev:before {
        display: block !important;
        visibility: visible !important;
    }
}

@media screen and (min-width: 1024px) {
    .front-about {
        margin: 4rem 0 8rem;
    }
    .front-about__text {
        padding: 1rem 1rem 1rem 2rem;
        bottom: -10rem;
    }
    /* .front-about__text h1 {
        margin-bottom: -12px;
        justify-content: left;
    } */
    .front-about__text p {
        margin-right: 1rem;
    }
    .front-categories__content ul li {
        padding: 6rem;
    }
    .paralaxe__content {
        padding: 6rem 10rem;
    }
    .cta {
        margin: 1rem 0;
    }
    .about-handi {
        margin: 0 4rem;   
    }
    .about-handi__content {
        padding: 2.5rem 4rem;
        flex-direction: row;
        gap: 2rem;
    }
    .about__img img,
    .about-handi__img img {
        width: 40rem;
    }

    .front-about__content .bee-4 { bottom: -6rem; right: 3rem; }
}

@media screen and (min-width: 1200px) {
    .front-about {
        margin: 0 0 14rem;
    }
    .front-about__img {
        width: 95%;
        height: 40rem;
        overflow: hidden;
    }
    .front-about__text {
        padding: 1rem 2rem 2rem 2.5rem;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        width: 90%;
        bottom: -6rem;
        right: -2rem;
    }
    .about-handi {
        margin: 0 8rem;   
    }
    /* .about-clients__content ul {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        justify-items: center;
        align-items: center;
    } */
    .cta__text {
        width: 70%;
    }
    .cta__img {
        top: -69px;
    }
    .cta__img img {
        height: 22rem;
        /* filter: drop-shadow(0 0 0.75rem rgba(138, 138, 138, 0.5)); */
    }
    .front-catalogue__content ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .front-about__content .bee-4 { bottom: -1rem; right: -1rem; }
    .front-about__content .bee-3 { top: -2rem; left: 5rem;}
}

@media screen and (min-width: 1400px) {
    .front-about__text {
        width: 95%;
        bottom: -16rem;
    }
    .front-catalogue {
        margin: .5rem 0 2rem;
    }

    .front-reseaux__list {
        margin: 2rem 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .front-reseaux-col-1 { grid-area: 1 / 1 / 2 / 2; }
    .front-reseaux-col-2 { grid-area: 2 / 1 / 3 / 2; }
    .front-reseaux-col-3 { grid-area: 2 / 2 / 3 / 3; }
    .front-reseaux-col-4 { grid-area: 1 / 2 / 2 / 3; }
    .front-reseaux-col-5 { grid-area: 1 / 3 / 2 / 4; }
    .front-reseaux-col-6 { grid-area: 2 / 3 / 3 / 4; }

    .front-reseaux-col-1, .front-reseaux-col-5 {
        padding: 2rem;
    }
    .front-reseaux-col-3 {
        padding: 0 2rem 2rem ;
    }

    .paralaxe__content {
        padding: 6rem 20rem;
    }
    .cta__img img {
        height: 24rem;
    }

    .front-about__content .bee-4 { bottom: -11rem; right: -1rem; }
}

@media screen and (min-width: 1600px) {
    .cta__text {
        width: 85%;
    }
    .cta__img {
        top: -95px;
    }
    .cta .bee-1 { top: -5.6rem; right: 17rem; }
    .cta .bee-2 { top: 4.6rem; right: 20rem; }


    
}