.avatar {
	color: $white;
	background-color: $gray-500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: $font-size-base;
	border-radius: 50%;
	height: 36px;
	width: 36px; 
} 

.avatar img {
	width: 100%;
	border-radius: 50%;
}

.avatar + .avatar-content {
	display: inline-block;
	margin-left: .75rem;
}
.avatar-lg {
	width: 50px;
	height: 50px;
	font-size: $font-size-lg;
}

.avatar-sm {
	width: 30px;
	height: 30px;
	font-size: $font-size-sm;
}