.avatar-letter {
	padding: 0.3em 0.1em;
	font-size: x-large;
	text-transform: uppercase;
	border: 1px solid;
	border-radius: 6px;
}

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

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