@import url('https://fonts.googleapis.com/css?family=Merienda');
.activity-item h3{
  font-family: 'Merienda', cursive;
  text-transform: capitalize;
  background-color:#007138;
  font-weight:400;
  padding:6px;
  color:#fff;
  border-radius:5px;
}
.activity-item{
  padding-bottom:20px;
}
.profile-box{
  background:#fdfdfd;
  padding:10px;
  cursor: pointer;
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  margin:10px;
  border-radius:4px;
}
.profile-img-cont{
  margin:10px auto;
  background:#fff;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid #658361;
  overflow: hidden;
}
.profile-img-cont > img{
  width:100%;
  height:100%;
}
.profile-box-body{
  text-align: center;
  color:#787878;
}
.profile-box-body h3{
  color:#a3a3a3;
}
.profile-box-body h4{
  color:#658361;
}
.profile-box:hover{
  background:#fbfbfb;
}

.group-tab{
  margin-bottom:10px;
  background:#fefefe;
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
}
.group-tab-header{
  background:#3d4e3a;
  padding:10px;
  color:#eee;
  cursor:pointer;
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  border-radius:3px;
}
.group-tab-header:hover{
  background:#475b44;
  color:#fff;
}
.group-tab-body{
  padding:5px;
  overflow: hidden;
  border:1px solid #b0c2ad;
}
.group-body-up{
  height:0;
  padding:0px;
}
@media screen and (max-width: 768px) {
  .profile-box{
    margin-top:20px;
  }
}