.aboutsection {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

div.aboutblock {
    width: 92vw;
    padding: .5vw;
}

.aboutblock>div {
    margin-bottom: 35px;
}

h3 {
    margin: 0px;
}

h3~span {
    display: inline-block;
    margin-top: .5em;
}

.profilephoto {
    width: 256px;
    height: 302px;
}

#bio>div {
    display: flex;
}

#biocontent {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    margin-left: 1em;
}

#biocontent>span:first-child {
    font-size: 1.5em;
    font-weight: bold;
}

#biocontent>span {
    margin-top: 1em;
}

/* unvisited link */

.aboutsection a:link {
    color: black;
}

/* visited link */

.aboutsection a:visited {
    color: gray;
}

/* mouse over link */

.aboutsection a:hover {
    color: black;
}

/* selected link
.aboutsection a:active {
}
*/

@media screen and (min-width: 1665px) {
    div.aboutblock {
        width: 1532px;
        padding: 8px;
    }
}

@media screen and (max-width: 830px) {
    #bio>div {
        flex-flow: column;
    }
    #biocontent {
        margin-left: 0;
    }
    .profilephoto {
        width: 128px;
        height: 151px;
    }
}