.testimonial{
    padding: 70px 30px 20px;
    margin: 50px 5px 30px;
    border: 1px solid #ea816b;
    position: relative;
    background-color:#e5e5e5;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #c7373c;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    min-height:100px;
}
.testimonial .description{
    font-size: 15px;
    color: #5e595b;
    line-height: 27px;
    text-align: center;
    margin: 0;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{ 
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size:50px;
    color:white;
    margin-left:-40px;
    margin-top:-5px;
    position: absolute;
   
}

.testimonial .description:before{
    content: "\201C";
    left: 25px;
}
.testimonial .description:after{
    content: "\201D";
    bottom: 18px;
    right: -20px;
}


.testimonial .title{
    display: inline-table;
    padding: 5px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ea816b;
    font-size: 16px;
    font-weight: 700;
    color: #c7373c;
    text-transform: uppercase;
    position: absolute;
    bottom: -16px;
    right: 0;
}

.testimonial .post{
    font-size: 12px;
    color: #671a36;
}




 
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
}