#avatar img {
    top: 50%;
    bottom: 50%;
    max-height: 100%;
    max-width: 100%;
}

#avatar {
    height: 150px;
    width: 150px;
    margin-top: 20px;
    text-align: center;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}

.avatar-and-email input[type="text"] {
    bottom: 0;
}

.clearfix-avatar {
    height: 151px;
}

@media screen and (max-width: 1199px) {
    .clearfix-avatar {
        display: none;
    }
}