/***************************************************************
            Developped by Theophile PACAUD - Trainee
                    https://git.xnj.ovh/tpacaud
                        intervalle.contact@tpacaud.fr
                  Universite Sorbonne PARIS NORD
                      For INTERVALLE SARL
                      All rights reserved
***************************************************************/

/*********************
    F. Brugeilles
*********************/

.fbrugeilles{
    display: flex;
    flex-direction: row;
    margin-top: 300px;
    padding: 3%;
    padding-top: 5%;
    padding-bottom: 0%;
    background-color: rgb(247, 247, 247);
}

.fbrugeilles-img{
    align-self: flex-start;
    border-radius: 8px;
    width: 30%;
    max-width: 500px;
    align-self: center;
    margin-right: 2%
}

.fbrugeilles-para{
    text-align: justify;
    padding-top: 10px;
}

.fbrugeilles-contact{
    padding: 10px;
    border: 1px solid black;
    border-radius: 4px;
    text-align: center;
    margin-top: 30px;
}

@media (max-width: 2272px) {
    .fbrugeilles{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .fbrugeilles-img{
        width: 16%;
    }
    .fbrugeilles-name{
        text-align: center;
    }
    .fbrugeilles-text{
        flex: 100%;
        margin-top: 1%;
    }
}

@media (max-width: 1080px) {
        .fbrugeilles{
            flex-direction: column;
        }
        .fbrugeilles-img{
            width: 25%;
            margin-bottom: 30px
        }
    }

@media (min-width: 2272px) {
    .fbrugeilles{
        align-items: flex-start;
        justify-content: flex-start;
    }
    .fbrugeilles-text > *:not(.fbrugeilles-contact){
            width: 100%;    
    }
    .fbrugeilles-text{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5%;
        width: 50%;
    }
    .fbrugeilles-contact{
        width: 95%;
        align-self: center;
    }
}