/*------ MEDIA QUERIES ----*/

@media screen and (min-width: 1150px) {
    div.apropostexte {
        /*width: 1000px;*/
        width:43%;
    }
}

/*---- 2080 px ----*/
@media screen and (max-width: 2080px) {
    div.apropos {
        flex-direction: row;

        /*flex-direction: column;*/
        /*width: 30%;*/
        /*float: right;*/
    }

    div.apropostexte {
        /*margin-top: 30px;*/
        /* margin-top: 46px; */
    }
}

@media screen and (max-width: 1790px) {
    .nav-top-right {
        /* top: 36px; */
        right: auto;
    }

}

/*---- 1174 px ----*/
@media screen and (max-width: 1174px/*1024px*/) {
    h2{
        font-size: 22px;
        margin: 0;
        text-align: center;
    }

    h2.nom-section {
        margin:0;
    }

    .nav-top-right {
        /* display: flex; */
    }

    .section-titre h1 {
        font-size: 26px;
        letter-spacing: 1px;
        /* font-size: 100%; */
        /* letter-spacing: 15px; */
    }

    .section-titre span {
        margin-top:45px;
    }

    div.wrapper {
        width: 100vw;
    }

    .realisations-photos {
        width:36%;

    }

    /*-------- SINGLE REALISATION ---------*/
    .realisations-photos {
        flex-direction: column;
        align-items: center;
    }

    .realisations-photos img {
        width: 90%;
        margin-top: 40px;
    }

    .realisations-photoprincipaleettexte {
        flex-wrap: wrap;
    }

    .realisations-photoprincipaleettexte p {
        font-size: 20px;
        margin: 20px;
    }

    /*---- COMPÉTENCES ----*/
    .bgwhite {
        height: auto;
    }


    /*---- À PROPOS ----*/
    div.apropostexte {
        width:100%;
        padding: 15px;
        font-size: 17px;
    }

}

/*---- 800 px ----*/
@media screen and (max-width: 800px) {
    body {
        /*background-size: 1000%;*/
    }

    .nav-top-centre {
        /*font-size: 50px;*/
        position: absolute;
    }

    .aproposinfos {
        width:100%;
    }
}

/*---- 434 px ----*/
@media screen and (max-width: 434px) {
    .boutonscontact {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex-wrap: wrap;
    }

    .boutonscontact button {
    padding: 0px 16px;
    width: 100%;
    }

    .boutonscontact a {
    width: 100%;
    }
}

/*---- 425 px ----*/
@media screen and (max-width: 425px) {
    .section-accueil {
        /*width: 178vw;*/
    }

    .section-titre h1 {
        /*letter-spacing: 20px;*/
        /* letter-spacing: 2px;
        font-size:26px; */
        font-size: 24px;
        letter-spacing: 1px;
    }


    div.aproposinfos {
        width:100%;
        padding: 5px;
    }
}

@media screen and (max-width: 320px) {
    .section-accueil {
        /*width: 204vw;*/
    }
}