.friend-agent {
    padding: 2.5em 0;
    background: #fff;
	text-align: center;
}

.friend-grid h4 a {
    font-size: 20px;
    padding: .5em 0 .2em 0;
    font-family: 'Microsoft Jhenghei', sans-serif ;  
    font-weight: 100; 
    color: #666;
}
.friend-grid img:hover {
    border-radius: 70%;
    border: 2px solid#fe4800;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.friend-grid img {
    border-radius: 70%;
    border: 6px solid#fff;

    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;

}
.friend-grid p {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;    
    font-weight: 100; 
	  line-height:1.9em;
	  text-align: left;
    color: #777;
    margin: 0 auto;
}



@media(max-width:480px){
.feature-grid {
    width: 100%;
    font-weight: 100; 
    font-family: 'Raleway', sans-serif;   
}
.friend-grid p {
    width: 100%;
}
.friend-grid img {
    border-radius: 70%;
    border: 6px solid#fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
}

@media(max-width:375px){
.friend-grid h4 a {
  font-size: 22px;
  font-weight: 100;  
  font-family: 'Raleway', sans-serif;  
  padding-top: 20px; 
}
.friend-grid {
    width: 100%;
}
.friend-grid img {
    width: 100%;
}
.friend-grid p {
    width: 59%;
    margin: 0 auto;
}
}