.main-qui-sommes-nous {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 40px 0;
    line-height: 1.5;
    font-family: 'Glacial Regular';
    font-size: 1rem
}
.main-qui-sommes-nous .titre .titre-qui-sommes-nous {
    margin-top: 50px;
    font-family: 'Glacial Bold';
    font-size: 1.5rem;
    text-align: center
}
.main-qui-sommes-nous .section-mathilde {
    margin: 40px 20px 20px 20px;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: justify;
    position: relative
}
.main-qui-sommes-nous .section-mathilde .image {
    position: absolute;
    z-index: -1;
    top: 124px;
    left: 100px
}
.main-qui-sommes-nous .section-mathilde .image img {
    width: 650px
}
.main-qui-sommes-nous .section-mathilde .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    flex: 95%;
    margin-top: 30px
}
.main-qui-sommes-nous .section-mathilde .description p:nth-child(2) {
    margin-top: 20px
}
.main-qui-sommes-nous .section-mathilde .description p:nth-child(3) {
    margin-top: 20px
}
.main-qui-sommes-nous .section-mathilde .media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 95%
}
.main-qui-sommes-nous .section-mathilde .media img {
    width: 100%
}
.main-qui-sommes-nous .section-matthieu {
    margin: 0px 20px 20px 20px;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: justify;
    position: relative
}
.main-qui-sommes-nous .section-matthieu .image {
    position: absolute;
    z-index: -1;
    top: -85px;
    right: 100px
}
.main-qui-sommes-nous .section-matthieu .image img {
    width: 650px
}
.main-qui-sommes-nous .section-matthieu .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    flex: 95%;
    margin-top: 30px
}
.main-qui-sommes-nous .section-matthieu .description p:nth-child(2) {
    margin-top: 20px
}
.main-qui-sommes-nous .section-matthieu .description p:nth-child(3) {
    margin-top: 20px
}
.main-qui-sommes-nous .section-matthieu .media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 95%
}
.main-qui-sommes-nous .section-matthieu .media img {
    width: 100%
}
.main-qui-sommes-nous p strong {
    font-family: 'Glacial Bold'
}
.main-qui-sommes-nous .section-fratrie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: justify;
    width: 95%;
    margin-top: 20px
}
.main-qui-sommes-nous .section-fratrie .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    flex: 65%;
    margin-top: 30px
}
.main-qui-sommes-nous .section-fratrie .description p:nth-child(2) {
    margin-top: 30px
}
.main-qui-sommes-nous .section-fratrie .description p:nth-child(3) {
    margin-top: 30px
}
.main-qui-sommes-nous .section-fratrie .description p:nth-child(4) {
    margin-top: 30px
}
.main-qui-sommes-nous .section-fratrie .description .exergue-famille {
    font-family: 'Glacial Bold'
}
.main-qui-sommes-nous .section-fratrie .media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 95%
}
.main-qui-sommes-nous .section-fratrie .media img {
    width: 80%
}
@media (min-width:400px) {
    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 1.8rem
    }
}
@media (min-width:768px) {
    .main-qui-sommes-nous {
        font-size: 1rem;
        margin: 40px 0;
        line-height: 1.5
    }

    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 2.2rem;
        margin-top: 50px
    }

    .main-qui-sommes-nous .section-mathilde {
        margin: 80px 20px 60px 20px;
        width: 95%
    }

    .main-qui-sommes-nous .section-mathilde .image {
        top: 124px;
        left: 100px
    }

    .main-qui-sommes-nous .section-mathilde .image img {
        width: 450px
    }

    .main-qui-sommes-nous .section-matthieu {
        margin: 80px 20px 60px 20px;
        width: 95%
    }

    .main-qui-sommes-nous .section-matthieu .image {
        top: -155px;
        right: 100px
    }

    .main-qui-sommes-nous .section-matthieu .image img {
        width: 450px
    }

    .main-qui-sommes-nous .section-fratrie {
        width: 95%;
        margin-top: 20px
    }

    .main-qui-sommes-nous .section-mathilde .description {
        padding: 10px 20px;
        flex: 95%;
        margin-top: 30px
    }

    .main-qui-sommes-nous .section-matthieu .description {
        padding: 10px 20px;
        flex: 95%;
        margin-top: 30px
    }

    .main-qui-sommes-nous .section-matthieu .description p:nth-child(2) {
        margin-top: 20px
    }

    .main-qui-sommes-nous .section-matthieu .description p:nth-child(3) {
        margin-top: 20px
    }

    .main-qui-sommes-nous .section-fratrie .description {
        padding: 10px 20px;
        flex: 65%;
        margin-top: 30px
    }

    .main-qui-sommes-nous .section-mathilde .media img {
        width: 50%
    }

    .main-qui-sommes-nous .section-matthieu .media img {
        width: 50%
    }

    .main-qui-sommes-nous .section-fratrie .media img {
        width: 60%
    }
}
@media (min-width:1024px) {
    .main-qui-sommes-nous {
        font-size: 1.2rem;
        margin: 30px 0 50px 0
    }

    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 2rem;
        margin-top: 80px
    }

    .main-qui-sommes-nous .section-mathilde {
        flex-direction: row;
        margin: 50px 20px 0px 20px;
        width: 95%
    }

    .main-qui-sommes-nous .section-mathilde .image {
        top: -40px;
        left: 100px
    }

    .main-qui-sommes-nous .section-mathilde .image img {
        width: 500px
    }

    .main-qui-sommes-nous .section-matthieu {
        flex-direction: row-reverse;
        margin: 140px 20px 60px 20px;
        width: 95%
    }

    .main-qui-sommes-nous .section-matthieu .image {
        top: -100px;
        right: 100px
    }

    .main-qui-sommes-nous .section-matthieu .image img {
        width: 500px
    }

    .main-qui-sommes-nous .section-fratrie {
        text-align: center;
        width: 95%;
        margin-top: 70px
    }

    .main-qui-sommes-nous .section-mathilde .description {
        padding: 10px 60px;
        flex: 65%;
        margin-top: 0
    }

    .main-qui-sommes-nous .section-matthieu .description {
        padding: 10px 60px;
        flex: 65%;
        margin-top: 0
    }

    .main-qui-sommes-nous .section-fratrie .description {
        flex: 65%;
        margin-top: 50px
    }

    .main-qui-sommes-nous .section-mathilde .media {
        flex: 30%
    }

    .main-qui-sommes-nous .section-matthieu .media {
        flex: 30%
    }

    .main-qui-sommes-nous .section-mathilde .media img {
        width: 100%
    }

    .main-qui-sommes-nous .section-matthieu .media img {
        width: 100%
    }
}
@media (min-width:1200px) {
    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 2.2rem;
        margin-top: 80px
    }
}
@media (min-width:1380px) {
    .main-qui-sommes-nous {
        font-size: 1.3rem
    }

    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 2.5rem;
        margin-top: 80px
    }

    .main-qui-sommes-nous .section-mathilde {
        margin: 50px 20px 0px 20px;
        width: 75%
    }

    .main-qui-sommes-nous .section-mathilde .image {
        top: -150px;
        left: 100px
    }

    .main-qui-sommes-nous .section-mathilde .image img {
        width: 650px
    }

    .main-qui-sommes-nous .section-matthieu {
        margin: 50px 20px 0px 20px;
        width: 75%
    }

    .main-qui-sommes-nous .section-matthieu .image {
        top: -150px;
        right: 100px
    }

    .main-qui-sommes-nous .section-matthieu .image img {
        width: 650px
    }

    .main-qui-sommes-nous .section-fratrie {
        width: 75%;
        margin-top: 170px
    }

    .main-qui-sommes-nous .section-mathilde .description {
        padding: 10px 60px;
        flex: 65%
    }

    .main-qui-sommes-nous .section-matthieu .description {
        padding: 10px 60px;
        flex: 65%
    }

    .main-qui-sommes-nous .section-fratrie .description {
        padding: 10px 60px;
        flex: 65%;
        margin-top: 50px
    }
}
@media (min-width:1600px) {
    .main-qui-sommes-nous .titre .titre-qui-sommes-nous {
        font-size: 2.2rem;
        margin-top: 80px
    }
}