.profile-head {
    display: flex;
    margin-bottom: 7vh;
}
.profile-pic {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}
.profile-card {
    padding-left: 60px;
    flex-grow: 1;
}
.username {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.username span{
    font-size: 1.5em;
}
.bio {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
}
h2 {
    font-weight: 500;
    margin-bottom: 7vh;
}
#edit-profile-link {
    font-size: 1em;
    color: black;
    padding: 10px 20px;
}

@media (max-width: 991.98px) {
    .profile-head {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile-card {
        padding: 0;
    }
    .username {
        margin: 40px 0;
    }
    .username > span{
        margin: 0 auto;
    }
}