@media only screen and (max-width: 950px) {
    body{
        padding: 24px 12px;
    }
    .container{
        max-width: 80%;
    }
    .profile-picture{
        margin: 2em auto 5em auto;
    }

}

@media only screen and (max-width: 800px) {
    body{
        padding: 24px 12px;
    }
    .container{
        max-width: 60%;
    }

}


@media only screen and (max-width: 500px) {
    body{
        padding: 24px 12px;
    }
    .container{
        max-width: 100%;
    }
    .profile-picture{
        max-width: 55%;
        margin-top: 1em;
    }
    p{
        font-size: 12px;
    }
    .links{
        max-width: 85%;
        height: auto;
        margin: 0 auto 1.5em auto;
    }

}