/*----- A PROPOS -----*/

#page-apropos #hero {
    background: linear-gradient(rgba(30, 28, 27, 0.15), rgba(30, 28, 27, 0.15)), url('../assets/images/portrait-responsive.jpg');
    background-position: center;
    background-size: cover;
    display: block;
    flex-direction: column-reverse;
    height: 100%;
}

#page-apropos #hero #introduction {
    width: 90%;
    padding-top: 50vh;
    margin-bottom: 0;
}

#page-apropos #introduction h1 {
    font-size: 10cqw;
    width: 100%;
}

#page-apropos #hero #introduction p {
    width: 100%;
    margin: 3rem 0 0 0;
}

#page-apropos #hero #presentation {
    width: 90%;
    padding-bottom: 20%;
    padding-top: 6%;
    margin-bottom: 0;
}

#page-apropos #presentation #signature {
    display: none;
}

#page-apropos #signature-mobile {
    width: 120%;    
    display: block;
    margin-bottom: -8%;
}

#page-apropos #hero p {
    font-size: 2.5cqw !important;
}