.content::after {
    content: "";
    display: block;
    clear: both;
}

#outline section div.photo {
    float: left;
    margin: 0 25px 0 20px;
}

#outline section div.profile {
    width: 100%;
}

#outline section div.profile dl {
     display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 5px;
}

#outline section div.profile dd  {
grid-row-start: 2;
}

#outline section div.profile p {
    display: block;
    background-color: rgba(230, 49, 120, 0.1);
    padding:25px 20px;
}

@media screen and (max-width: 736px) {
#outline section div.photo {
    float: none;
}

}