.text-truncate-2 {
-webkit-line-clamp: 2;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.text-truncate-3 {
-webkit-line-clamp: 3;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}


.vip::before{
content:"\f005";
font: normal normal normal 4em/1 FontAwesome;
position: absolute;
color: yellow;
left: 0;
border: 3px solid yellow;
padding: 5px;
border-radius: 50%;
margin: 5px;
} 
.row-flex, .row-flex > div[class*='col-'] { 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex:1 1 auto;
}
.row-flex-wrap {
-webkit-flex-flow: row wrap;
align-content: flex-start;
flex:0;
}
.row-flex > div[class*='col-'] {
margin:-.2px; 
}
footer li {text-align:right}