.avatar {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 40px;
  width: 40px;
  border: none;
  outline: none;
  border-radius: 40px;
  vertical-align: middle;
}
.avatar.avatar--md {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.avatar.avatar--sm {
  width: 26.66666667px;
  height: 26.66666667px;
  line-height: 26.66666667px;
  border-radius: 26.66666667px;
}
.avatar.avatar--sm.avatar--empty {
  font-size: 1.2rem;
}
.avatar.avatar--empty {
  background: #f2f2f2;
  font-family: 'fontello';
  font-size: 1.5rem;
}
.avatar.avatar--empty:after {
  content: "\E843";
  color: #cdced0;
}