.archive__header{
    background-color:var(--blanc);
    padding: 30px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    & h1{
        font-family: 'PoppinsBlack';
        padding: 0;
        margin: 0;
        width: 80%;
        color: var(--orange);
        font-size: 2.5rem;
    }
}

.archives__content{
    display:flex;
    justify-content:center;
    margin:50px 0;
    & .projet__box{
        width:100%;
    }
}


.box__width{
width:32%;
}

.projet__box__container{
    display: flex;
    flex-wrap:wrap;
    width: 80%;
    gap:20px;
}

@media screen and (max-width:1280px){
    .projet__box__container{
        gap:10px;
    }
}

@media screen and (max-width:1024px){
    .box__width{
        width: 49%;
    }
}

@media screen and (max-width:768px){
    .box__width{
        width: 100%;
    }
}