:root {
    --profile-outline: #FBC662;
}
.profiles {
    margin: 1em 0;
}
.profile {
    display: flex;
    flex-direction: column;
    margin: 1em 0;
}
.profile img {
    max-width: 18em;
    width: 100%;
    margin: 1em 0;
    align-self: center;
    border-radius: 9em;
    border: 2px dashed var(--profile-outline);
}
.profile .position {
    margin-bottom: 0.25em;
}
.profile .name {
    margin-bottom: 0.5em;
    font-size: 1.25em;
}
.profile .biography {
    margin-bottom: 0.5em;
}
.profile .position {
    font-weight: bold;
}
.contact-information {
    display: inline-block;
    padding-bottom: 1em;
}
.contact-information a {
    margin-right: 1em;
    color: var(--text);
}
.contact-information

@media screen and (min-width: 48em) {
    /*.profile img {*/
    /*    max-width: 18em;*/
    /*}*/
}