%molecule-wi-mediabox{
    padding: 30px 50px 40px 50px;
    @include RWD(tablet){
        padding: 30px;
    }
    @include RWD(mobile){
        padding: 15px;
    }
    .media-container{
        display: flex;
        flex-wrap: wrap;

        @include RWD(mobile){
            // display: block;
        }
    }
    .media-left{
        margin-right: 20px;
        @include RWD(mobile){
            width: 100%;
            margin-right: 0;
        }
    }
    .media-picto{
        content: '';
        display: inline-block;
        width: 70px;
        height: 70px;
        background-size: 40px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50%;
        @include RWD(mobile){
            .media-picto{
                height: 40px;
                width: 40px;
                background-size: 20px;
            }
        }
    }
    .media-right{
        flex: 1;
    }
    .media-bottom{
        margin-top: 35px;
        width: 100%;

        @include RWD(mobile){
            margin-top: 20px;
        }
    }
    // Texte
    .media-text{
        .media-title{
            font-family: $site-font;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 1.7rem;
            line-height: 1.58;

            @include RWD(mobile){
                font-size: 1.4rem;
                margin-bottom: 10px;
            }
        }
        li, p{
            font-family: $main-font;
            font-size: 1.5rem;
            font-weight: 400;
            line-height: 1.8;
            margin-bottom: 20px;
            @include RWD(mobile){
                font-size: 1.2rem;
            }
        }
    }
}