.avatar-letter {
	/*padding: 0.3em 0.1em;
	font-size: x-large;*/
	text-transform: uppercase;
	/*border: 1px solid;*/
	border-radius: 6px;
    /*ideal*/
   padding: 12% 8%;
    font-size: 52px !important;
    border: 2px solid #efefef;
    font-family: Dancing Script;
    /*ideal to adapt also span for user not having access to profiles*/
    display: inline-block;
}

@media (min-width: 701px) {
	.avatar-letter {
		padding: 0.6em 0.4em;
		font-size: xx-large;
	}
}

.avatar.avatar-letter:hover {
	text-decoration: none;
}