div.mgu-recommendation {
    display: flex;
    flex-direction: row;
}

div.mgu-indication div.mgu-infor, div.mgu-content .mgu-information {
    font-family: "mulish", serif;
    color: #575756;
}

div.mgu-recommendation div.technical,
div.mgu-recommendation div.indication {
    border-top: 1px solid #e5e5e5;
}

div.mgu-recommendation div.technical {
    width: 36%;
}

div.mgu-recommendation div.technical h1,
div.mgu-recommendation div.indication h1 {
    font-size: 17px;
    color: #c40055;
    margin-top: 23px;
}

div.mgu-recommendation div.technical div.mgu-content {
    display: flex;
    flex-direction: column;
}

div.mgu-recommendation div.technical div.mgu-content div.mgu-information {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 3%;
    color: #575756;
}

div.mgu-recommendation div.technical div.mgu-content div.mgu-information div.mgu-img {
    width: 15%;
    margin-right: 3%;
}

div.mgu-information div.mgu-infor span.title {
    font-weight: bold;
    font-size: 14px;
    color: #575756;
    text-transform: uppercase;
}

div.mgu-recommendation div.indication {
    width: 50%;
}

div.indication div.mgu-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

div.mgu-content div.mgu-indication {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div.mgu-content div.mgu-indication div.mgu-img {
    width: 50%;
    margin-bottom: 3%;
}

@media only screen and (max-width: 800px) {
    div.mgu-recommendation {
        flex-direction: column;
    }

    div.mgu-recommendation div.technical,
    div.mgu-recommendation div.indication {
        width: 100%;
    }

    div.mgu-content div.mgu-indication {
        margin-bottom: 16%;
    }

    div.mgu-content div.mgu-indication div.mgu-img {
        max-width: 90px;
    }

    div.mgu-recommendation div.technical div.mgu-content div.mgu-information div.mgu-img {
        max-width: 50px;
    }
}