/*Style du body_header des catégories*/

main {
    border: 1px solid var(--gray);
    box-shadow: 0px 0px 20px black;
    margin: 3%;
    padding-top: 7%;
    padding: 2%;
}

.body_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.image_body_header {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

h1 {
    text-align: center;
}

.images {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.images img {
    width: 80%;
    padding: 10px;
}

/* Responsive */

@media (min-width: 500px){
    .body_header{
        left: 25%;
    }

    .images img {
        width: 300px !important;
    }
}

@media (min-width: 700px){
    .body_header{
        left: 35%;
    }
}