.message {
    padding: 10px 10px 10px 10px;
    /*min-width: 90%;
    min-height: 100px;
    */
    /*width: 100%;
    height: 100%;
    */
    background: pink;
    border-radius: 10px;



}

.message-user-info {
    padding: 10px 10px 10px 10px;
/*     min-height: 100px; */
/*     min-width: 100px; */
/*     height: 100%; */

    background: lightgreen;
    border-radius: 10px;

    float: left;

}

.message-container {
    padding: 10px 10px 10px 10px;
    /*min-height: 100px;
    min-width: 300px;
    width: 100%;
    */
    background: black;
    border-radius: 10px;

/*     width: 700px; */
    float: left;
}


.message-title {
    padding: 10px 10px 10px 10px;
/*     min-height: 100px; */
    background: cyan;
    border-radius: 10px;

/*     width: 640px; */
}

.message-body {
    padding: 10px 10px 10px 10px;
/*     min-height: 100px; */
    background: white;
    border-radius: 10px;

/*     width: 640px; */
}

.message-info {
    padding: 10px 10px 10px 10px;
    min-height: 10px;
    background: brown;
    border-radius: 5px;

/*     font-size: 10px; */

    clear: both;
}