@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body{font-family:Nunito,arial,sans-serif;}
.section{float:left;width:100%;background: #fff;padding:30px 0;}
.promote{border:1px dashed #ddd;display:flex; height:100%;justify-content: center;flex-direction: column;align-items: stretch;}
.col-md-4{padding:15px;}

/*not necessary*/


.profile-card-2 .card-img-block{
    width:95%;
    height:200px;
    overflow:hidden;
}
.profile-card-2 .card-body{
    position:relative;
}
.profile-card-2 .profile {
    border-radius: 50%;
    position: absolute;
    top: -100px;
    left: 85%;
    border: 3px solid rgba(255, 255, 255, 1);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.profile-card-2 .profile_small {
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 75%;
    max-width: 95px;
    border: 3px solid rgba(255, 255, 255, 1);
    -webkit-transform: translate(-25%, 0%);
    transform: translate(-25%, 0%);
}

.profile-card-2 .profile_owner {
    border-radius: 50%;
    position: absolute;
    top: -100px;
    left: 85%;
    max-width: 150px;
    border: 3px solid rgba(255, 255, 255, 1);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}



.profile-card-2 h2{
    font-weight:600;
    color:#5cb85c;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 .icon-block i{
    display: inline-block;
    font-size: 16px;
    color: #007bff;
    text-align: center;
    border: 1px solid #007bff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}

.profile-card-2 .social i:hover {
    background-color:#007bff;
    color:#fff;
}

.fit-image{
    width: 100%;
    object-fit: cover;
    height: 300px; /* only if you want fixed height */
}