.mbti-letter-wrap {
    height: 50px;
    width: 50px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.mbti-letter {
    color: #fff;
    text-align: center;
    font-size: 32px;
    text-transform: lowercase;
    display: inline-block;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}